:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #7c5cbf;--accent-glow: #a78bfa;--gold: #f0c050;--bg-deep: #07060e;--bg-card: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-deep);color:#f0ece4}.academy{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:2.5rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(124,92,191,.15) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(240,192,80,.06) 0%,transparent 60%),var(--bg-deep)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;bottom:-1em;display:block;animation:floatUp linear infinite;opacity:0;color:var(--accent-glow)}.particle:after{content:"✦"}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.6)}10%{opacity:.7}80%{opacity:.4}to{opacity:0;transform:translateY(-105vh) scale(1.1)}}.hero{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.genre-badge{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(240,192,80,.25);padding:.25rem .75rem;border-radius:999px;background:#f0c0500f}.title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#f0ece4 30%,var(--accent-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{max-width:28rem;color:#f0ece499;font-size:1.05rem}.features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;width:min(100%,560px)}.feature-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;border-radius:.75rem;border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s,transform .25s,box-shadow .3s}.feature-card:hover{border-color:#a78bfa59;transform:translateY(-3px);box-shadow:0 6px 24px #7c5cbf1f}.feature-icon{font-size:1.6rem;line-height:1}.feature-label{font-size:.85rem;font-weight:500;text-align:center;color:#f0ece4cc}.divider{display:flex;align-items:center;gap:.75rem;width:min(100%,320px);position:relative;z-index:1}.divider span:first-child,.divider span:last-child{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.25),transparent)}.divider-glyph{color:var(--accent-glow);font-size:.85rem;opacity:.6}.lore{position:relative;z-index:1;text-align:center;max-width:30rem}.lore blockquote{font-style:italic;font-size:1rem;color:#f0ece48c;line-height:1.7;border-left:2px solid rgba(167,139,250,.3);padding-left:1rem;margin:0 auto .5rem;text-align:left}.lore cite{display:block;font-size:.78rem;color:#f0ece459;font-style:normal;letter-spacing:.04em;text-align:left;padding-left:1rem}.cta-row{position:relative;z-index:1;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.cta-btn{font:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1.75rem;border-radius:.5rem;border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,#5b3fa0 100%);color:#fff;transition:transform .2s,box-shadow .3s}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c5cbf59}.cta-btn--outline{background:transparent;border:1px solid rgba(167,139,250,.3);color:var(--accent-glow)}.cta-btn--outline:hover{border-color:var(--accent-glow);box-shadow:0 4px 16px #7c5cbf26}