:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050510;color:#e8e8f0}.universe-page{position:relative;min-height:100vh;overflow:hidden;display:flex;justify-content:center;padding:3rem 1.5rem}.content{position:relative;z-index:2;max-width:900px;width:100%}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.star{position:absolute;border-radius:50%;background:#fff;opacity:0;animation:twinkle ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.1}to{opacity:.9}}.nebula{position:fixed;border-radius:50%;filter:blur(120px);opacity:.18;pointer-events:none;z-index:1}.nebula-1{width:600px;height:600px;top:-10%;left:-10%;background:radial-gradient(circle,#6e44ff,transparent 70%);animation:drift 20s ease-in-out infinite alternate}.nebula-2{width:500px;height:500px;bottom:-5%;right:-8%;background:radial-gradient(circle,#ff4477,transparent 70%);animation:drift 25s ease-in-out infinite alternate-reverse}.nebula-3{width:400px;height:400px;top:40%;left:50%;background:radial-gradient(circle,#22ccff,transparent 70%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.hero{text-align:center;padding:4rem 0 3rem}.genre-tag{display:inline-block;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffff80;border:1px solid rgba(255,255,255,.12);padding:.3rem 1rem;border-radius:999px;margin-bottom:1.5rem}.title{font-size:clamp(2.8rem,7vw,5rem);line-height:1.05;letter-spacing:.06em;margin-bottom:.6rem}.title-thin{display:block;font-weight:200;color:#fff9}.title-bold{display:block;font-weight:800;background:linear-gradient(135deg,#6e88ff,#c070ff,#ff6eaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.15rem;color:#ffffff73;font-style:italic;letter-spacing:.04em}.description{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:2rem 2.2rem;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.description p{color:#ffffffc7;font-size:1.02rem;margin-bottom:1rem}.description p:last-child{margin-bottom:0}.description strong{color:#c0a0ff;font-weight:600}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-bottom:3rem}.feature-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:1.8rem 1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);border-color:#7864ff4d;box-shadow:0 8px 30px #6450ff1f}.feature-icon{font-size:1.6rem;margin-bottom:.8rem;background:linear-gradient(135deg,#6e88ff,#c070ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:#f0f0ff}.feature-card p{font-size:.88rem;color:#ffffff8c;line-height:1.6}.stats{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;padding:2rem 0;margin-bottom:2.5rem;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#7aa2ff,#c070ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.stat-divider{width:1px;height:36px;background:#ffffff1a}.cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.cta-button{font-family:inherit;font-size:.95rem;font-weight:600;padding:.85rem 2.2rem;border-radius:999px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;letter-spacing:.03em}.cta-button:hover{transform:translateY(-2px)}.cta-button.primary{background:linear-gradient(135deg,#6e5aff,#b050ff);color:#fff;box-shadow:0 4px 20px #6446ff59}.cta-button.primary:hover{box-shadow:0 6px 28px #6446ff80}.cta-button.secondary{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.cta-button.secondary:hover{border-color:#ffffff59;color:#fff}.footer{text-align:center;padding:1rem 0 2rem}.footer p{font-size:.8rem;color:#ffffff4d;letter-spacing:.05em}
