@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.flex{display:flex}.grid{display:grid}.font-semibold{font-weight:600}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--font-title: "Outfit", "Inter", sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--bg-primary: #030712;--bg-secondary: #080f19;--bg-tertiary: #0e1726;--accent: #00ffb3;--accent-rgb: 0, 255, 179;--accent-emerald: #10b981;--accent-indigo: #6366f1;--accent-muted: #34d399;--accent-hover: #33ffc4;--text-main: #e2edf8;--text-muted: #8fa0b5;--text-bright: #ffffff;--glass-bg: rgba(8, 15, 25, .65);--glass-border: rgba(226, 237, 248, .06);--glass-border-accent: rgba(0, 255, 179, .16);--glass-border-hover: rgba(0, 255, 179, .25);--glow-accent: rgba(0, 255, 179, .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);color:var(--text-main);background:var(--bg-primary);font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary)}button,input,select,textarea{font:inherit}button{border:0}button,a,input,select,textarea{outline-color:#9bcfbc}h1,h2,h3{margin:0;font-family:var(--font-title)}h1{color:var(--text-bright);font-size:clamp(34px,5vw,64px);line-height:.95;font-weight:950;letter-spacing:-.045em}h2{color:var(--text-bright);font-size:clamp(22px,3.5vw,32px);font-weight:900;line-height:1.1;letter-spacing:-.035em}small,.subtle,.section-title p,.login-copy p,.login-panel p{color:#93a096}button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--bg-tertiary);color:var(--text-main);cursor:pointer;font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000026;border:1px solid rgba(255,255,255,.06);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}button:hover:not(:disabled){transform:translateY(-1.5px);background:#ffffff14;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 12px 24px #0000004d}button:active:not(:disabled){transform:translateY(.5px) scale(.97);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #0003}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:8px;background:#00000059;color:var(--text-bright)}textarea{min-height:110px;resize:vertical}label{display:grid;gap:8px;color:#bdc8bf;font-size:13px;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--accent-indigo) 0%,var(--accent) 100%);color:#030712;box-shadow:none}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,var(--accent-hover) 100%)}.ghost-button{background:transparent}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen,.login-shell{min-height:100vh}.loading-screen{display:grid;place-items:center;gap:12px;color:#bdc8bf;font-weight:800}.login-shell{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:52px 0}.login-copy,.login-panel,.panel{border:1px solid var(--glass-border);border-radius:8px;background:var(--bg-secondary);box-shadow:0 24px 80px #00000047}.login-copy{display:grid;align-content:end;gap:24px;min-height:620px;padding:36px;background:linear-gradient(180deg,#0307121a,#030712d6),url(https://images.unsplash.com/photo-1521587760476-6c12a4b040da?auto=format&fit=crop&w=1600&q=80);background-position:center;background-size:cover}.login-copy p{max-width:620px;font-size:17px;line-height:1.7}.login-panel{display:grid;align-content:center;gap:18px;padding:24px}.brand-row{display:flex;align-items:center;gap:12px;color:#fbfbf4;font-size:18px;font-weight:900}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent-indigo) 0%,var(--accent) 100%);color:#030712;font-size:21px;font-weight:900;box-shadow:0 4px 15px #6366f140}.eyebrow{color:#9bcfbc;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.turnstile-box{display:grid;gap:8px;padding:12px;border:1px dashed rgba(237,243,237,.18);border-radius:8px;color:#93a096;font-size:12px;font-weight:800}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;justify-content:space-between;padding:22px;border-right:1px solid var(--glass-border);background:var(--bg-secondary)}.sidebar nav{display:grid;gap:8px}.sidebar nav button{justify-content:flex-start;background:transparent;color:#aebaae}.sidebar nav .nav-active{background:var(--bg-tertiary);color:var(--text-bright);box-shadow:inset 0 0 0 1px #00ffb326}.content{width:min(1180px,100%);padding:28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.identity-badge,.progress-badge,.sync-dot{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f59e0b1a;color:#f59e0b;font-size:12px;font-weight:900}.identity-badge-verified{background:#00ffb31a;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-grid div{display:grid;gap:4px;padding:16px;border:1px solid var(--glass-border);border-radius:8px;background:var(--bg-secondary)}.stat-grid strong{color:#fbfbf4;font-size:28px;line-height:1}.stat-grid span{color:#93a096;font-size:12px;font-weight:800}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.manga-card,.search-result{align-items:stretch;justify-content:flex-start;gap:12px;min-height:142px;padding:12px;text-align:left}.manga-card{background:var(--bg-secondary);border:1px solid var(--glass-border)}.cover-frame{display:grid;flex:0 0 auto;width:78px;aspect-ratio:2 / 3;place-items:center;overflow:hidden;border:1px solid var(--glass-border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-muted)}.cover-frame.mini{width:50px}.cover-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.manga-card-body{display:grid;min-width:0;align-content:start;gap:8px}.manga-card strong,.search-result strong{color:#fbfbf4;line-height:1.25}.card-meta{display:flex;flex-wrap:wrap;gap:8px}.progress-reading{background:#00ffb31a;color:var(--accent)}.progress-planned{background:#6366f11a;color:#a5b4fc}.progress-completed{background:#10b9811a;color:var(--accent-emerald)}.progress-paused,.progress-dropped{background:#f59e0b1a;color:#f59e0b}.progress-rereading{background:#8b5cf61a;color:#c084fc}.sync-dot{background:#00ffb31a;color:var(--accent)}.panel{display:grid;gap:16px;padding:18px}.section-title{display:flex;align-items:flex-start;gap:12px}.search-panel{max-width:100%}.search-results-container{display:flex;flex-direction:column;gap:16px;width:100%}.search-input-container{position:relative;display:flex;align-items:center;width:100%;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:0 16px;box-shadow:inset 0 1px #ffffff08,0 4px 20px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-container:focus-within{border-color:var(--accent);box-shadow:inset 0 1px #00ffb30d,0 0 0 3px #00ffb326,0 8px 30px #00000040;background:#1e292340}.search-input-icon{color:#93a096;margin-right:12px;flex-shrink:0;transition:color .3s ease}.search-input-container:focus-within .search-input-icon{color:var(--accent)}.premium-search-input{width:100%;height:54px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;color:var(--text-bright);font-size:15px;font-weight:500;outline:none!important}.premium-search-input::-moz-placeholder{color:#627267}.premium-search-input::placeholder{color:#627267}.clear-search-btn{background:transparent;border:none;box-shadow:none;color:#93a096;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;min-height:auto}.clear-search-btn:hover{background:#ffffff14!important;color:var(--text-bright);transform:scale(1.05)}.clear-search-btn:active{transform:scale(.95)}.selection-bar{display:flex;align-items:center;justify-content:space-between;background:#181e1aa6;border:1px solid rgba(0,255,179,.25);border-radius:12px;padding:14px 20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000059;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.selection-info{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--text-bright)}.selection-count{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#030712;width:24px;height:24px;border-radius:50%;font-size:13px;font-weight:900}.selection-actions{display:flex;align-items:center;gap:12px}.selection-actions .secondary-button{background:transparent;border:1px solid rgba(255,255,255,.08);color:#93a096}.selection-actions .secondary-button:hover{background:#ffffff0d;color:var(--text-bright)}.bulk-add-btn{background:linear-gradient(135deg,var(--accent) 0%,#10b981 100%)!important;color:#030712!important;box-shadow:0 4px 14px #00ffb340;border:none!important}.bulk-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ffb359}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%}.search-card{display:flex;align-items:center;width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;text-align:left;gap:12px;cursor:pointer;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #0000001a;min-height:124px;align-items:stretch}.search-card:hover{background:var(--bg-tertiary);border-color:#00ffb340;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.search-card.selected{border-color:var(--accent);background:#00ffb30a;box-shadow:0 0 0 1px var(--accent),0 8px 24px #00ffb314}.search-cover{position:relative;width:68px;aspect-ratio:2 / 3;flex-shrink:0;border-radius:8px;overflow:hidden}.select-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#030712;box-shadow:0 2px 8px #00000059;z-index:5;animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.search-card-body{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px;justify-content:center}.search-card-title{color:var(--text-bright);font-size:13.5px;font-weight:750;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-card-type{font-size:10px;font-weight:900;text-transform:uppercase;color:#c084fc;letter-spacing:.8px;margin-top:1px}.search-card-aliases{font-size:11.5px;color:#93a096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:2px;cursor:help}.search-card-action{display:flex;align-items:center;justify-content:center;color:#627267;flex-shrink:0;transition:all .2s ease;margin-left:auto;align-self:center}.search-card:hover .search-card-action{color:var(--text-bright)}.search-card.selected .search-card-action{color:var(--accent)}.action-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.search-card:hover .action-icon{transform:scale(1.15)}.sidebar nav button{position:relative;justify-content:flex-start;background:transparent;color:#93a096;padding:10px 14px;border-radius:8px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);gap:12px}.sidebar nav button:hover{color:var(--text-bright);background:#ffffff08}.sidebar nav .nav-active{background:#00ffb30d;color:var(--accent);box-shadow:none;border:1px solid rgba(0,255,179,.12)}.sidebar nav .nav-active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--accent);border-radius:0 4px 4px 0;animation:glowIn .25s cubic-bezier(.4,0,.2,1)}@keyframes glowIn{0%{opacity:0;height:0}to{opacity:1;height:50%}}.search-results,.device-list,.conflict-list{display:grid;gap:10px}.search-result{width:100%;display:flex}.search-result span:nth-child(2){display:grid;min-width:0;flex:1;gap:5px}.manual-add,.warning-box{width:100%;justify-content:flex-start;background:#1b211d}.warning-box{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;color:#f2be87;font-weight:800}.empty-state{display:grid;min-height:380px;place-items:center;gap:14px;padding:28px;border:1px dashed var(--glass-border-accent);border-radius:8px;background:var(--bg-secondary);text-align:center}.empty-state p{max-width:420px;color:#93a096;line-height:1.6}.empty-icon{display:grid;width:68px;height:68px;place-items:center;border-radius:8px;background:#6366f126;color:var(--accent)}.skeleton-card{display:flex;gap:12px;padding:12px;border-radius:8px;background:var(--bg-secondary)}.skeleton-card span{display:block;border-radius:8px;background:linear-gradient(90deg,var(--bg-tertiary),rgba(255,255,255,.05),var(--bg-tertiary));animation:pulse 1.2s infinite}.skeleton-card>span{width:78px;aspect-ratio:2 / 3}.skeleton-card div{display:grid;flex:1;align-content:center;gap:10px}.skeleton-card div span{height:14px}@keyframes pulse{50%{opacity:.55}}.sync-layout,.account-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:14px}.portable-card{align-content:start}.otp-row,.button-row{display:flex;flex-wrap:wrap;gap:10px}.otp-row input{max-width:140px}.json-box{min-height:150px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--glass-border);border-radius:8px;background:#0003}.device-row span{display:grid;gap:4px}.drawer-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:18px;background:#00000094}.drawer,.dialog{width:min(620px,100%);border:1px solid var(--glass-border-accent);border-radius:12px;background:var(--bg-secondary);box-shadow:0 24px 80px #0009}.drawer{display:grid;gap:18px;padding:18px}.dialog{display:grid;gap:16px;padding:20px}.drawer-heading{display:flex;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wide{grid-column:1 / -1}.merge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.merge-grid div{display:grid;gap:4px;padding:12px;border-radius:8px;background:#0003}.merge-grid strong{color:var(--accent);font-size:26px}.conflict-list div{display:grid;gap:5px;padding:12px;border-radius:8px;background:var(--bg-tertiary)}.mobile-nav{display:none}@media(max-width:920px){.login-shell,.app-shell,.sync-layout,.account-layout{grid-template-columns:1fr}.login-copy{min-height:420px}.sidebar{display:none}.content{padding:18px 14px 86px}.topbar{flex-direction:column}.mobile-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border:1px solid var(--glass-border);border-radius:8px;background:var(--bg-secondary)}}@media(max-width:620px){.login-shell{width:min(100vw - 20px,1120px);padding:10px 0 24px}.login-copy,.login-panel{padding:18px}.stat-grid,.form-grid,.merge-grid,.library-grid{grid-template-columns:1fr}}.landing-container{--bg-landing: #FAFCFF;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--border-color: #E2E8F0;--border-hover: #CBD5E1;--mint: #2DD4BF;--cyan: #38BDF8;--purple: #A78BFA;--blue: #60A5FA;--gradient-accent: linear-gradient(135deg, #2DD4BF 0%, #38BDF8 50%, #A78BFA 100%);--gradient-soft: linear-gradient(135deg, rgba(45, 212, 191, .05) 0%, rgba(56, 189, 248, .05) 50%, rgba(167, 139, 250, .05) 100%);--bg-card: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .04), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-premium: 0 20px 40px -15px rgba(15, 23, 42, .06), 0 0 0 1px rgba(15, 23, 42, .01);--shadow-inset-glass: inset 0 1px 0 0 rgba(255, 255, 255, .6);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);background-color:var(--bg-landing)!important;color:var(--text-primary)!important;font-family:var(--font-body);min-height:100vh;position:relative;overflow-x:hidden}.landing-container:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.015) 1px,transparent 1px);background-size:48px 48px;background-position:center top;mask-image:radial-gradient(circle 600px at 50% 30%,#000 70%,transparent 100%);-webkit-mask-image:radial-gradient(circle 600px at 50% 30%,#000 70%,transparent 100%)}.landing-container h1,.landing-container h2,.landing-container h3,.landing-container h4{color:var(--text-primary)!important;font-family:var(--font-title);letter-spacing:-.03em}.landing-container p{color:var(--text-secondary)!important}.landing-container:after{content:"";position:absolute;top:15%;right:-10%;width:min(600px,80vw);height:min(600px,80vw);border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.07) 0%,rgba(167,139,250,.02) 70%,transparent 100%);filter:blur(80px);pointer-events:none;z-index:0}.btn-saas{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;height:42px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s var(--ease-out)}.btn-saas-primary{background:linear-gradient(135deg,#2dd4bf,#38bdf8,#60a5fa)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #2dd4bf40!important}.landing-container .btn-saas-primary:hover:not(:disabled){transform:translateY(-1.5px)!important;background:linear-gradient(135deg,#2dd4bf,#38bdf8,#60a5fa)!important;box-shadow:0 8px 22px #2dd4bf66!important;border-color:transparent!important}.landing-container .btn-saas-primary:active:not(:disabled){transform:translateY(.5px) scale(.98)!important;background:linear-gradient(135deg,#2dd4bf,#38bdf8,#60a5fa)!important;box-shadow:0 4px 10px #2dd4bf33!important}.btn-saas-secondary{background:#fff!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.landing-container .btn-saas-secondary:hover:not(:disabled){border-color:var(--border-hover)!important;background:#f8fafc!important;transform:translateY(-1.5px)!important;box-shadow:var(--shadow-md)!important}.landing-container .btn-saas-secondary:active:not(:disabled){transform:translateY(.5px) scale(.98)!important;background:#f1f5f9!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.landing-header{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fafcffcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;transition:all .3s var(--ease-out)}.logo-container{display:flex;align-items:center;gap:12px}.landing-header .logo-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,#2dd4bf,#38bdf8);color:#fff;border-radius:8px;font-size:16px;font-weight:900;box-shadow:0 4px 10px #2dd4bf33}.logo-text{font-family:var(--font-title);font-weight:850;font-size:20px;color:var(--text-primary);letter-spacing:-.02em}.local-first-badge{font-size:10px;font-weight:700;color:#0d9488;background:#2dd4bf14;border:1px solid rgba(45,212,191,.15);padding:2px 8px;border-radius:99px;letter-spacing:.02em;text-transform:uppercase}.landing-nav{display:flex;align-items:center;gap:28px}.landing-nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:color .15s var(--ease-out)}.landing-nav a:hover{color:#0d9488}.btn-header-cta{height:38px;padding:0 16px;font-size:12px;border-radius:8px}.hero-section{padding:140px 40px 80px;max-width:1280px;margin:0 auto;position:relative;z-index:10}.hero-grid-container{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.hero-left-col{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.hero-eyebrow{font-size:11px;font-weight:800;color:#0d9488;letter-spacing:.08em;text-transform:uppercase;background:#2dd4bf0f;border:1px solid rgba(45,212,191,.12);padding:4px 10px;border-radius:6px}.hero-title{font-size:clamp(38px,5.5vw,68px);font-weight:950;line-height:.95;letter-spacing:-.04em;color:var(--text-primary)}.hero-title .gradient-text{background:linear-gradient(135deg,#2dd4bf,#38bdf8 60%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtext{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:580px}.hero-ctas{display:flex;gap:16px}.hero-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px;border-top:1px solid var(--border-color);padding-top:24px;width:100%}.bullet-item{display:flex;flex-direction:column;gap:8px}.bullet-icon-box{width:32px;height:32px;border-radius:8px;background:#2dd4bf0f;border:1px solid rgba(45,212,191,.12);color:#0d9488;display:grid;place-items:center}.bullet-text{display:flex;flex-direction:column;gap:3px}.bullet-text strong{font-size:13px;font-weight:700;color:var(--text-primary)}.bullet-text span{font-size:11px;color:var(--text-secondary);line-height:1.4}.hero-library-wrapper{display:flex;justify-content:flex-end}.local-library-preview-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-premium);padding:24px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.preview-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:14px}.preview-card-header h3{font-size:12px;font-weight:900;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0}.subtitle-badge{font-size:11px;color:var(--text-muted)}.view-toggle-buttons{display:flex;background:#f1f5f9;border-radius:6px;padding:2px;gap:2px}.toggle-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:4px;color:var(--text-secondary)!important;background:transparent!important;border:none!important;cursor:pointer;padding:0;box-shadow:none!important;transition:all .15s var(--ease-out)}.toggle-btn.active{background:#fff!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important}.landing-container .toggle-btn:hover:not(:disabled){transform:none!important;background:#0f172a0a!important;border-color:transparent!important;box-shadow:none!important}.landing-container .toggle-btn.active:hover:not(:disabled){transform:none!important;background:#fff!important;border-color:transparent!important;box-shadow:var(--shadow-sm)!important}.preview-card-body{display:flex;flex-direction:column;gap:14px}.preview-card-body.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-manga-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#f8fafc;border:1px solid transparent;transition:all .15s var(--ease-out);position:relative}.preview-manga-row:hover{background:#fff;border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.manga-row-cover{width:44px;height:64px;border-radius:6px;overflow:hidden;background:#e2e8f0;border:1px solid var(--border-color);flex-shrink:0}.manga-row-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.manga-row-details{display:flex;flex-direction:column;gap:4px;flex-grow:1;min-width:0}.manga-row-title-row{display:flex;flex-direction:column;gap:1px}.manga-title{font-size:13px;font-weight:750;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-author{font-size:10px;color:var(--text-secondary)}.manga-row-progress-text{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary)}.progress-percentage{font-weight:700;color:#0d9488}.manga-row-progress-track{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.manga-row-progress-fill{height:100%;background:linear-gradient(90deg,#2dd4bf,#38bdf8);border-radius:2px}.manga-row-btn-increment{width:28px;height:28px;border-radius:6px;background:#fff!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;display:grid;place-items:center;font-size:11px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm)!important;transition:all .15s var(--ease-out);padding:0;flex-shrink:0}.landing-container .manga-row-btn-increment:hover:not(:disabled){background:#0d9488!important;color:#fff!important;border-color:#0d9488!important;transform:scale(1.05)!important;box-shadow:var(--shadow-sm)!important}.landing-container .manga-row-btn-increment:active:not(:disabled){transform:scale(.93)!important;background:#0d9488!important;color:#fff!important}.preview-add-btn{width:100%;height:38px;border-radius:8px;border:1px dashed var(--border-color)!important;background:transparent!important;color:var(--text-secondary)!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:none!important;transition:all .2s var(--ease-out)}.landing-container .preview-add-btn:hover:not(:disabled){background:#f8fafc!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-sm)!important}.landing-container .preview-add-btn:active:not(:disabled){transform:translateY(.5px) scale(.98)!important;background:#f1f5f9!important}.features-section{padding:80px 40px;max-width:1280px;margin:0 auto}.landing-section-title{text-align:center;margin-bottom:50px;display:flex;flex-direction:column;align-items:center;gap:12px}.section-badge{font-size:10px;font-weight:800;color:#0d9488;letter-spacing:.08em;text-transform:uppercase;background:#2dd4bf0d;border:1px solid rgba(45,212,191,.12);padding:4px 10px;border-radius:99px}.title-saas{font-size:clamp(26px,3.5vw,40px);font-weight:900;letter-spacing:-.02em;color:var(--text-primary);margin-top:4px}.features-grid-small{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.feature-card-small{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:var(--shadow-sm);transition:all .25s var(--ease-out)}.feature-card-small:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.feature-card-icon-box{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.card-icon-mint{background:#2dd4bf14;border:1px solid rgba(45,212,191,.15);color:#0d9488}.card-icon-cyan{background:#38bdf814;border:1px solid rgba(56,189,248,.15);color:#0284c7}.card-icon-purple{background:#a78bfa14;border:1px solid rgba(167,139,250,.15);color:#7c3aed}.card-icon-blue{background:#60a5fa14;border:1px solid rgba(96,165,250,.15);color:#2563eb}.feature-card-small h3{font-size:15px;font-weight:800;color:var(--text-primary);margin:0}.feature-card-small p{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0}.sync-section-wrapper{padding:80px 40px;background:var(--gradient-soft);border-y:1px solid var(--border-color)}.sync-grid-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sync-left-col{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.sync-title{font-size:clamp(30px,4vw,48px);font-weight:950;line-height:.95;color:var(--text-primary)}.text-saas-cyan{background:linear-gradient(135deg,#0284c7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sync-subtext{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:520px}.sync-bullet-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}.bullet-li{display:flex;align-items:center;gap:12px}.check-icon-wrapper{width:22px;height:22px;border-radius:50%;background:#2dd4bf1a;color:#0d9488;display:grid;place-items:center}.bullet-li-text{font-size:14px;font-weight:600;color:var(--text-primary)}.sync-flow-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:40px;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;gap:30px;position:relative;overflow:hidden}.sync-flow-diagram{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:20px;position:relative}.diagram-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.isometric-node-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.platform-shadow{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:84px;height:20px;background:radial-gradient(circle,rgba(15,23,42,.08) 0%,transparent 80%);pointer-events:none;z-index:1;filter:blur(2px)}.isometric-svg-wrapper{position:relative;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}.isometric-svg{filter:drop-shadow(0 12px 24px rgba(15,23,42,.04));overflow:visible}.floating-glass-badge{position:absolute;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffffd9!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;top:10px;right:10px;transition:all .3s var(--ease-out)}.floating-glass-badge.badge-mint{border:1.5px solid rgba(45,212,191,.4)!important;box-shadow:0 8px 20px -4px #2dd4bf40,inset 0 1px #fffc!important;color:#0d9488!important}.floating-glass-badge.badge-purple{border:1.5px solid rgba(167,139,250,.4)!important;box-shadow:0 8px 20px -4px #a78bfa40,inset 0 1px #fffc!important;color:#7c3aed!important}.floating-glass-badge:hover{transform:scale(1.08) translateY(-2px)!important}.node-label{display:flex;flex-direction:column;gap:4px}.diagram-connection{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.diagram-svg{overflow:visible}@keyframes stroke-flow-saas{to{stroke-dashoffset:-36}}.diagram-flowing-path{animation:stroke-flow-saas 1.5s infinite linear}.secure-connection-capsule{position:absolute;top:-12px;background:#fff;border:1px solid var(--border-color);padding:6px 12px;border-radius:99px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);white-space:nowrap}.capsule-icon-circle{width:18px;height:18px;border-radius:50%;background:#2dd4bf1a;color:#0d9488;display:grid;place-items:center;flex-shrink:0}.capsule-text-card{display:flex;flex-direction:column}.capsule-text-card strong{font-size:9px;font-weight:800;color:var(--text-primary)}.capsule-text-card span{font-size:7px;color:var(--text-secondary)}.sync-status-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:#f8fafc;border:1px solid var(--border-color);padding:8px 16px;border-radius:99px;font-size:12px;font-weight:700;color:var(--text-secondary);width:-moz-fit-content;width:fit-content;margin:0 auto;box-shadow:var(--shadow-sm)}.status-pulse-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf;position:relative}.status-pulse-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #2DD4BF;animation:pulse-ring 1.8s cubic-bezier(.215,.61,.355,1) infinite;opacity:0}@keyframes pulse-ring{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.6);opacity:0}}.api-section-wrapper{padding:80px 40px;max-width:1280px;margin:0 auto}.api-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.api-left-col{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.api-title{font-size:clamp(28px,4vw,44px);font-weight:950;line-height:.98;color:var(--text-primary)}.brand-highlight{background:linear-gradient(135deg,#0d9488,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.api-subtext{font-size:16px;line-height:1.6;color:var(--text-secondary)}.api-floating-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:18px 24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-premium);transition:all .3s var(--ease-out)}.api-floating-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -15px #0f172a14}.api-card-icon-box{width:44px;height:44px;border-radius:10px;background:#38bdf814;border:1px solid rgba(56,189,248,.15);color:#0284c7;display:grid;place-items:center}.api-card-text{display:flex;flex-direction:column;gap:2px}.api-card-text strong{font-size:14px;font-weight:800;color:var(--text-primary)}.api-card-text span{font-size:12px;color:var(--text-secondary)}.mock-search-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-premium);padding:24px;display:flex;flex-direction:column;gap:16px}.search-input-wrapper{position:relative;width:100%}.mock-search-input{width:100%;height:44px;background:#f8fafc!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:0 16px 0 42px!important;font-size:13px!important;color:var(--text-primary)!important;outline:none;transition:all .15s var(--ease-out)}.mock-search-input:focus{border-color:#0d9488!important;background:#fff!important;box-shadow:0 0 0 3px #2dd4bf26}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-results-list{display:flex;flex-direction:column;gap:10px}.search-item-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#f8fafc;border:1px solid transparent;transition:all .15s var(--ease-out)}.search-item-row:hover{background:#fff;border-color:var(--border-color);box-shadow:var(--shadow-md)}.search-item-cover{width:38px;height:54px;border-radius:6px;overflow:hidden;background:#e2e8f0;border:1px solid var(--border-color)}.search-item-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.search-item-details{display:flex;flex-direction:column;gap:2px;flex-grow:1}.search-item-title{font-size:13px;font-weight:850;color:var(--text-primary)}.search-item-author{font-size:10px;color:var(--text-secondary)}.search-item-chapters{font-size:10px;color:var(--text-muted)}.search-item-add-btn{width:28px!important;height:28px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm)!important;transition:all .15s var(--ease-out);flex-shrink:0!important;padding:0!important;margin:0!important}.landing-container .search-item-add-btn:hover:not(:disabled){background:#0d9488!important;color:#fff!important;border-color:#0d9488!important;transform:scale(1.05)!important;box-shadow:var(--shadow-sm)!important}.landing-container .search-item-add-btn:active:not(:disabled){transform:scale(.93)!important;background:#0d9488!important}.search-item-add-btn.added{background:#0d9488;color:#fff;border-color:#0d9488;cursor:default}.search-empty-state{text-align:center;font-size:12px;color:var(--text-secondary);padding:16px 0}.collectors-section{padding:80px 40px}.collectors-container{max-width:1280px;margin:0 auto}.collectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collector-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:var(--shadow-sm);transition:all .25s var(--ease-out)}.collector-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.collector-icon-box{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.card-mint .collector-icon-box{background:#2dd4bf14;color:#0d9488;border:1px solid rgba(45,212,191,.15)}.card-cyan .collector-icon-box{background:#38bdf814;color:#0284c7;border:1px solid rgba(56,189,248,.15)}.card-purple .collector-icon-box{background:#a78bfa14;color:#7c3aed;border:1px solid rgba(167,139,250,.15)}.card-blue .collector-icon-box{background:#60a5fa14;color:#2563eb;border:1px solid rgba(96,165,250,.15)}.collector-card-title{font-size:17px;font-weight:800;color:var(--text-primary);margin:0}.collector-card-desc{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.philosophy-section{padding:80px 40px;background:var(--gradient-soft);border-top:1px solid var(--border-color)}.philosophy-container{max-width:1000px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.philosophy-title{font-size:clamp(30px,4.5vw,54px);font-weight:950;color:var(--text-primary);letter-spacing:-.03em}.philosophy-subtext{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:720px;margin-bottom:20px}.philosophy-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;margin-top:20px}.philosophy-block{background:var(--bg-card);border:1px solid var(--border-color);padding:24px;border-radius:16px;text-align:left;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.philosophy-block h4{font-size:16px;font-weight:800;color:var(--text-primary);margin:0}.philosophy-block p{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0}.login-section-anchor{padding:100px 40px;display:flex;justify-content:center;background:radial-gradient(circle at center,#2dd4bf0d,#fafcff00 70%);position:relative;z-index:10}.login-card-premium{width:100%;max-width:460px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:40px;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;gap:28px;text-align:center}.login-card-premium:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:24px;background:linear-gradient(135deg,#2dd4bf33,#a78bfa0d);pointer-events:none}.login-title{font-size:30px;font-weight:950;letter-spacing:-.04em;color:var(--text-primary);margin:0}.login-subtitle{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-top:8px}.login-form-group{display:flex;flex-direction:column;gap:18px;text-align:left}.input-premium-wrapper{position:relative;width:100%}.input-premium-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:5}.input-premium{width:100%;height:48px;background:#fff!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:0 16px 0 44px!important;font-size:14px!important;color:var(--text-primary)!important;outline:none;transition:all .15s var(--ease-out)}.input-premium:focus{border-color:#0d9488!important;box-shadow:0 0 0 3px #2dd4bf26}.turnstile-capsule{display:flex;flex-direction:column;gap:10px;padding:16px;background:#f8fafc;border:1px solid var(--border-color);border-radius:14px;position:relative;overflow:hidden}.turnstile-capsule:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2DD4BF,transparent);animation:scanner-sweep 3.5s infinite ease-in-out}@keyframes scanner-sweep{0%{transform:translateY(0);opacity:0}10%,90%{opacity:.7}50%{transform:translateY(100px);opacity:.7}to{transform:translateY(120px);opacity:0}}.login-small-text{font-size:11px;color:var(--text-muted);text-align:center;margin:0}.landing-footer{padding:60px 40px 40px;background:#f8fafc;border-top:1px solid var(--border-color);z-index:10;position:relative}.landing-footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px}.footer-brand-col{display:flex;flex-direction:column;gap:16px}.footer-logo{font-family:var(--font-title);font-weight:850;font-size:22px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.footer-logo .mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#2dd4bf,#38bdf8);color:#fff;font-size:15px;font-weight:900}.footer-tagline{font-size:14px;line-height:1.5;color:var(--text-secondary)}.footer-link-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-col{display:flex;flex-direction:column;gap:14px}.footer-col h4{font-size:12px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;margin:0}.footer-col a{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:color .15s var(--ease-out)}.footer-col a:hover{color:#0d9488}.footer-bottom{max-width:1280px;margin:40px auto 0;border-top:1px solid var(--border-color);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.footer-bottom a{color:var(--text-secondary);text-decoration:none;font-weight:600}.footer-bottom a:hover{color:#0d9488}@media(max-width:1024px){.hero-grid-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-left-col{align-items:center}.hero-subtext{margin:0 auto}.hero-ctas,.hero-library-wrapper{justify-content:center}.features-grid-small{grid-template-columns:repeat(3,1fr)}.sync-grid-container,.api-grid-container{grid-template-columns:1fr;gap:40px}.api-left-col{align-items:center;text-align:center}.api-subtext{margin:0 auto}.collectors-grid{grid-template-columns:repeat(2,1fr)}.philosophy-blocks{grid-template-columns:1fr}}@media(max-width:768px){.landing-header{padding:0 20px}.landing-nav{display:none}.features-grid-small{grid-template-columns:repeat(2,1fr)}.collectors-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr;gap:40px}.footer-link-cols{grid-template-columns:repeat(3,1fr)}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media(max-width:480px){.hero-section{padding-top:100px;padding-left:20px;padding-right:20px}.hero-bullets,.features-grid-small{grid-template-columns:1fr}.sync-flow-diagram{grid-template-columns:1fr;gap:40px}.diagram-connection{height:40px}.secure-connection-capsule{top:50%;transform:translateY(-50%)}.footer-link-cols{grid-template-columns:1fr;gap:24px}.login-card-premium{padding:24px}}
