:root{--bg:#030712;--bg2:#07111f;--panel:rgba(10,18,32,0.82);--panel2:rgba(2,6,23,0.78);--line:rgba(148,163,184,0.16);--line2:rgba(34,211,238,0.22);--text:#f8fafc;--muted:#a8b3c7;--dim:#64748b;--cyan:#22d3ee;--violet:#8b5cf6;--pink:#ec4899;--green:#34d399;--gold:#facc15;--danger:#fb7185;--radius:28px;--shadow:0 30px 90px rgba(0,0,0,0.5)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 14% 8%,rgba(34,211,238,.17),transparent 30%),radial-gradient(circle at 86% 10%,rgba(139,92,246,.25),transparent 34%),radial-gradient(circle at 50% 115%,rgba(236,72,153,.16),transparent 32%),linear-gradient(135deg,#030712,#07111f 42%,#111827)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 82%);mask-image:radial-gradient(circle at center,black,transparent 82%)}.shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:rgba(3,7,18,.78);border-bottom:1px solid var(--line)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-left{gap:14px}.brand,.nav-left{display:flex;align-items:center;min-width:0}.brand{gap:12px;font-weight:950;letter-spacing:-.04em}.brand-mark{width:44px;height:44px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.95),rgba(139,92,246,.95));box-shadow:0 0 38px rgba(34,211,238,.3);color:#020617;flex:0 0 auto}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;gap:10px}.btn,.nav-links{align-items:center}.btn{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.055);border-radius:999px;padding:11px 16px;cursor:pointer;display:inline-flex;justify-content:center;gap:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;min-height:42px;font-weight:800}.btn:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.44);background:rgba(255,255,255,.09)}.btn-primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#020617;font-weight:950;box-shadow:0 18px 48px rgba(34,211,238,.24)}.btn-danger{border-color:rgba(251,113,133,.35);color:#fecdd3}.btn-ghost{background:rgba(255,255,255,.035);color:var(--muted);padding-inline:14px}.hero{padding:86px 0 52px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);grid-gap:40px;gap:40px;align-items:center}.premium-hero{min-height:calc(100vh - 160px)}.eyebrow{color:var(--cyan);font-weight:950;text-transform:uppercase;letter-spacing:.2em;font-size:12px}h1{font-size:clamp(48px,7.5vw,92px);line-height:.92;margin:18px 0;letter-spacing:-.08em}.gradient-text{background:linear-gradient(135deg,#fff,#bae6fd 30%,#c4b5fd 68%,#f0abfc);-webkit-background-clip:text;color:transparent}.lede{color:var(--muted);font-size:clamp(17px,2.4vw,22px);line-height:1.66;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.micro-copy{color:var(--dim);margin-top:14px;line-height:1.6;max-width:620px}.glass{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-card{padding:26px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:999px;right:-90px;top:-90px;background:radial-gradient(circle,rgba(34,211,238,.32),transparent 70%)}.conversion-card h2{font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.06em;margin:12px 0}.conversion-card p{color:var(--muted);line-height:1.65;position:relative;z-index:1}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:24px;position:relative;z-index:1}.metric{padding:17px;border-radius:22px;background:rgba(2,6,23,.5);border:1px solid var(--line)}.metric strong{display:block;font-size:30px;letter-spacing:-.05em}.metric span{color:var(--muted);font-size:13px}.section{padding:42px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section h2,.section-head h2{font-size:clamp(30px,4vw,52px);margin:0;letter-spacing:-.06em}.section p{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{padding:23px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.48));border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.22)}.card h3{margin:0 0 9px;letter-spacing:-.035em}.card p{margin:0;font-size:15px;color:var(--muted);line-height:1.58}.value-grid .card{min-height:160px}.app-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);padding:18px 14px;position:-webkit-sticky;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto;background:rgba(2,6,23,.42)}.premium-sidebar{background:linear-gradient(180deg,rgba(2,6,23,.78),rgba(8,13,28,.72))}.main{min-width:0;padding:24px}.premium-main{background:radial-gradient(circle at 70% 10%,rgba(139,92,246,.12),transparent 28%)}.search-box{width:100%;border:1px solid var(--line);background:rgba(2,6,23,.78);color:var(--text);border-radius:18px;padding:14px 15px;outline:none}.search-box:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 4px rgba(34,211,238,.08)}.clear-search{width:100%;margin-top:10px;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.07);color:#a5f3fc;padding:10px 12px;border-radius:16px;cursor:pointer;font-weight:900}.sidebar-menu{display:grid;grid-gap:9px;gap:9px;margin-top:14px}.side-tab{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:13px 14px;border-radius:18px;text-align:left;cursor:pointer;font-weight:900}.side-tab.active{background:linear-gradient(135deg,rgba(34,211,238,.95),rgba(139,92,246,.95));color:#020617;border:0}.library-head p{color:var(--muted);margin-bottom:0}.search-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 18px;color:var(--muted)}.hit-tags span,.search-summary strong{border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.08);color:#a5f3fc;border-radius:999px;padding:6px 9px;font-size:12px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-top:18px}.premium-library-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-items:stretch}.library-card{min-height:268px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;width:100%;cursor:pointer}.library-card:hover{border-color:var(--line2);transform:translateY(-2px);transition:.18s ease}.library-card h3{margin-top:18px;font-size:20px;line-height:1.15}.library-card mark{background:linear-gradient(135deg,rgba(34,211,238,.35),rgba(139,92,246,.32));color:#ffffff;padding:1px 3px;border-radius:6px}.library-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.locked-card{opacity:.92}.pill{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#dbeafe;border:1px solid var(--line);background:rgba(255,255,255,.06);padding:7px 9px;border-radius:999px;white-space:nowrap;font-weight:950}.locked{color:#fbbf24;border-color:rgba(250,204,21,.35)}.free{color:#67e8f9;border-color:rgba(34,211,238,.35)}.hit-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.progress-track{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:18px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:999px}.card-status{margin-top:8px;font-size:13px;color:var(--muted)}.empty-state{padding:28px;margin-top:20px;max-width:720px}.empty-state h3{margin:0 0 8px;font-size:28px;letter-spacing:-.04em}.empty-state p{color:var(--muted);line-height:1.7}.reader-wrap{padding:18px;background:linear-gradient(180deg,rgba(8,13,28,.84),rgba(7,17,31,.94))}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.reader-frame{width:100%;height:calc(100vh - 170px);border:1px solid var(--line);border-radius:24px;background:#030712;box-shadow:var(--shadow)}.auth-card{width:min(540px,calc(100% - 32px));margin:56px auto;padding:30px}.auth-title{font-size:clamp(42px,7vw,64px);margin-bottom:10px}.auth-lede{font-size:16px}.auth-divider{margin:20px 0 14px;color:var(--muted);text-align:center;font-weight:800}.form{display:grid;grid-gap:12px;gap:12px}.form label{color:var(--muted);font-size:13px}.form input{width:100%;border:1px solid var(--line);background:rgba(2,6,23,.74);color:var(--text);border-radius:16px;padding:14px;outline:none}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--muted);border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:900}.notice{padding:14px 16px;border-radius:18px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.22);color:#dff9ff}.footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted);margin-top:40px}.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(2,6,23,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px}.upgrade-modal{width:min(560px,100%);position:relative;border-radius:30px;padding:30px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(3,7,18,.98));border:1px solid rgba(34,211,238,.22);box-shadow:var(--shadow)}.upgrade-modal h2{font-size:clamp(30px,5vw,48px);letter-spacing:-.06em;line-height:1;margin:14px 0}.upgrade-modal p{color:var(--muted);line-height:1.7}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;font-size:22px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.upgrade-panel{padding:30px;max-width:840px}.upgrade-panel h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.07em;line-height:.98;margin:12px 0}@media (max-width:1120px){.premium-library-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}}@media (max-width:920px){.hero{padding-top:52px;min-height:auto}.app-layout,.grid,.hero{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--line)}.main{padding:16px 16px 92px}.reader-frame{height:calc(100vh - 210px)}.bottom-nav{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:rgba(2,6,23,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;padding:8px;justify-content:space-around;box-shadow:var(--shadow)}.bottom-nav a{padding:10px 12px;color:var(--muted);font-size:13px}.bottom-nav a.active{color:var(--cyan)}.nav-links{display:none}.btn-ghost{display:inline-flex}}@media (max-width:560px){.shell{width:min(100% - 22px,1200px)}.hero-actions .btn{width:100%}.metric-grid{grid-template-columns:1fr}.section-head{display:block}.reader-top{align-items:flex-start;flex-direction:column}.brand small{display:none}.library-card{min-height:235px}}