:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f5;background:#0a0a0f;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,rgba(92,36,255,.18),transparent 24%),linear-gradient(180deg,#09090d,#0e1017)}button{font:inherit;cursor:pointer}.page-shell{position:relative;min-height:100vh;overflow:hidden}.container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:40px 24px 56px}.bg-orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.7;pointer-events:none}.orb-1{width:320px;height:320px;top:-100px;left:50%;transform:translate(-50%);background:#ec489938}.orb-2{width:220px;height:220px;top:220px;left:20px;background:#22d3ee24}.orb-3{width:280px;height:280px;right:10px;bottom:40px;background:#8b5cf629}.glass-card,.hero-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card{display:grid;grid-template-columns:1.2fr .95fr;gap:24px;border-radius:32px;padding:28px;margin-bottom:24px}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:28px}.eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#b5b8c8}.muted{color:#9ba3b6}.hero-copy h1{margin:0;max-width:640px;font-size:clamp(2.6rem,6vw,5rem);line-height:.98;font-weight:700}.hero-copy h1 span{background:linear-gradient(90deg,#7dd3fc,#f0abfc,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:720px;margin-top:18px;color:#d7dbea;font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions button{border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:14px 18px;background:#fff;color:#111827;font-weight:600;transition:transform .18s ease,background .18s ease}.hero-actions button:hover{transform:translateY(-1px)}.hero-actions .secondary{background:#ffffff0f;color:#f8fafc}.hero-visual-card{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.08);overflow:hidden}.shape-stage{position:relative;width:260px;height:260px;perspective:1200px}.shape{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px}.shape-a{border:1px solid rgba(125,211,252,.45);background:#7dd3fc14;box-shadow:0 0 60px #7dd3fc1f;transform:rotateX(65deg) rotate(20deg);animation:spin 18s linear infinite}.shape-b{top:30px;right:30px;bottom:30px;left:30px;border:1px solid rgba(244,114,182,.45);background:#f472b614;box-shadow:0 0 50px #f472b61f;transform:rotateY(35deg) rotateX(25deg)}.shape-c{top:64px;right:64px;bottom:64px;left:64px;border:1px solid rgba(167,139,250,.45);background:#a78bfa1a;box-shadow:0 0 40px #a78bfa1f;transform:rotateX(50deg) rotateY(20deg)}.shape-center{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:18px;background:#ffffffb3;filter:blur(2px)}.visual-label{position:absolute;left:16px;bottom:16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000047;padding:10px 12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#d8dbe8}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.small-card{border-radius:24px;padding:22px}.small-card h2,.editor-card h2,.note-card h3{margin:0}.small-card p,.story-card p,.note-card p,.footer p,.topic-card p{color:#d4d7e3}.pill,.season-pill,.topic-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.pill{margin-bottom:14px;padding:6px 12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d6d9e7}.content-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:24px}.editor-card,.note-card,.topic-card{border-radius:30px;padding:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:2rem}.season-pill{padding:8px 12px;font-size:12px;color:#dce2f3}.story-list{display:grid;gap:16px}.story-card{border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#0003;padding:22px}.story-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#bce7ff}.story-card h3{margin:0;font-size:1.6rem}.side-column{display:grid;gap:24px}.note-card{background:linear-gradient(135deg,#22d3ee1f,#f472b61f)}.note-card h3{margin-top:12px;font-size:1.8rem}.topic-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.topic-pill{padding:10px 14px;color:#f2f5ff;background:#ffffff0d}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem;color:#b3b9ca}@keyframes spin{0%{transform:rotateX(65deg) rotate(0)}to{transform:rotateX(65deg) rotate(360deg)}}@media (max-width: 980px){.hero-card,.content-grid,.feature-grid{grid-template-columns:1fr}.hero-copy h1{max-width:100%}}@media (max-width: 640px){.container{padding:24px 16px 40px}.hero-card,.editor-card,.note-card,.topic-card{padding:20px;border-radius:24px}.hero-visual-card{min-height:280px}.shape-stage{width:210px;height:210px}.footer{flex-direction:column}}