:root{--ink:#1a1530;--muted:#5b5470;--gold:#c9a84c;--gold-deep:#a4842f;--bg:#0f0a24;--panel:#171232;--line:#2a2350;--cream:#f7f1df}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#ece8f7;background:radial-gradient(1200px 700px at 50% -10%, #2a2059 0%, var(--bg) 55%) fixed;min-height:100vh;font-family:Segoe UI,Calibri,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1040px;margin:0 auto;padding:1.4rem 1.3rem 4rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{letter-spacing:.18em;text-transform:uppercase;color:#b9b0e0;align-items:center;gap:.6rem;font-size:.82rem;display:flex}.brand b{color:var(--gold)}.authbar{align-items:center;gap:.6rem;display:flex}.authlink{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;transition:all .18s}.authlink:hover{border-color:var(--gold)}.authlink.primary{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);color:#241b04;border-color:#0000;font-weight:600}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:2.4rem;margin:2.6rem 0 1.2rem;display:grid}.hero-art{justify-content:center;display:flex}.hero-cover{border:1px solid #c9a84c73;border-radius:14px;width:100%;max-width:340px;height:auto;transition:transform .25s;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #ffffff0a}.hero-cover:hover{transform:translateY(-4px)rotate(-.6deg)}.hero-copy{text-align:left}.kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem}h1{margin:.2rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.3rem);font-weight:700;line-height:1.08}.sub{color:#cfc8ef;max-width:42rem;margin:1.1rem 0 0;font-size:1.06rem;line-height:1.62}.sub strong{color:var(--cream);font-weight:600}.sub em{color:var(--gold);font-style:normal;font-weight:600}.topics{flex-wrap:wrap;gap:.5rem;margin:1.3rem 0 0;padding:0;list-style:none;display:flex}.topics li{letter-spacing:.02em;color:#e6dfb8;border:1px solid var(--gold-deep);white-space:nowrap;background:#c9a84c1a;border-radius:999px;padding:.32rem .72rem;font-size:.8rem}.author{color:#b9b0e0;margin-top:1.2rem;font-size:.95rem}.author b{color:var(--cream)}.cta{flex-wrap:wrap;justify-content:flex-start;gap:.8rem;margin:2rem 0 .4rem;display:flex}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.98rem;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{border-color:var(--gold);transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);color:#241b04;border-color:#0000}.lock{opacity:.8;font-size:.78rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2.8rem 0;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.3rem 1.45rem;transition:all .18s;position:relative;overflow:hidden}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card h3{margin:.2rem 0 .5rem;font-size:1.08rem}.card p{color:#bdb5df;margin:0;font-size:.92rem;line-height:1.5}.tag{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:#a79edd;border-radius:999px;padding:.18rem .5rem;font-size:.66rem;position:absolute;top:.9rem;right:.9rem}.tag.free{color:#7ee0b0;border-color:#2f6b50}.tag.paid{color:var(--gold);border-color:var(--gold-deep)}.ico{font-size:1.5rem}.note{border:1px solid var(--gold-deep);color:#e9e2c6;background:#c9a84c14;border-radius:14px;margin-top:2.4rem;padding:1rem 1.2rem;font-size:.9rem;line-height:1.55}footer{text-align:center;color:#8a82b4;margin-top:3rem;font-size:.82rem;line-height:1.7}footer a{color:var(--gold)}.auth-center{flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;min-height:100vh;padding:2rem 1rem;display:flex}.auth-center .kicker{margin-bottom:0}.gate-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;max-width:520px;margin:4rem auto;padding:2.5rem 2rem;display:flex;box-shadow:0 4px 24px #00000014}.gate-icon{font-size:2.8rem;line-height:1}.gate-card h2{color:#1a1a2e;margin:0;font-size:1.4rem}.gate-card p{color:#444;max-width:400px;margin:0;line-height:1.6}.gate-error{background:#fff0f0;border:1px solid #ffb3b3;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.9rem;color:#c0392b!important}.code-form{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.code-input{letter-spacing:.1em;background:#fffdf5;border:1.5px solid #d4af37;border-radius:8px;outline:none;flex:180px;padding:.65rem 1rem;font-family:monospace;font-size:1rem}.code-input:focus{border-color:#b8860b;box-shadow:0 0 0 3px #d4af3733}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 12px #00000012}.stat-value{color:#1a1a2e;font-size:2rem;font-weight:700}.stat-label{color:#666;margin-top:.25rem;font-size:.8rem}.user-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.9rem}.user-table th,.user-table td{text-align:left;border-bottom:1px solid #eee;padding:.6rem .8rem}.user-table th{color:#555;background:#f9f9f9;font-weight:600}.user-table tr:hover td{background:#fffdf5}@media (max-width:760px){.hero{text-align:center;grid-template-columns:1fr;gap:1.6rem}.hero-copy{text-align:center}.sub{margin-left:auto;margin-right:auto}.cta,.topics{justify-content:center}.hero-cover{max-width:260px}}