@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Montserrat:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap&subset=cyrillic";:root{--cosmic-void: #0A0814;--deep-space: #120F2E;--nebula-purple: #2D1B69;--cosmic-blue: #1E3A5F;--midnight-violet: #1A103C;--gold-primary: #D4AF37;--gold-light: #F4E4A6;--gold-muted: #B8942B;--moon-silver: #C8B8B8;--star-white: #FFF8E7;--cyan-accent: #7DD3C0;--cyan-glow: #5FB8A8;--text-primary: #F8F8F8;--text-secondary: #B0B0B0;--text-muted: #6B6B6B;--gradient-cosmic: linear-gradient(135deg, #0A0814 0%, #120F2E 40%, #2D1B69 100%);--gradient-panel: linear-gradient(180deg, rgba(13, 25, 48, .95) 0%, rgba(10, 8, 20, .9) 100%);--gradient-gold: linear-gradient(135deg, #F4E4A6 0%, #D4AF37 50%, #B8942B 100%);--gradient-nebula: radial-gradient(ellipse at center, rgba(45, 27, 105, .4) 0%, transparent 70%);--gradient-moon: linear-gradient(180deg, rgba(200, 184, 184, .1) 0%, transparent 100%);--glow-gold-soft: 0 0 20px rgba(212, 175, 55, .3);--glow-gold-medium: 0 0 30px rgba(212, 175, 55, .5);--glow-gold-strong: 0 0 40px rgba(212, 175, 55, .7);--glow-cyan-soft: 0 0 15px rgba(125, 211, 192, .3);--glow-cyan-medium: 0 0 25px rgba(125, 211, 192, .5);--glow-cyan-strong: 0 0 35px rgba(125, 211, 192, .7);--glow-moon: 0 0 25px rgba(200, 184, 184, .4);--shadow-depth-1: 0 4px 20px rgba(0, 0, 0, .3);--shadow-depth-2: 0 8px 40px rgba(0, 0, 0, .4);--shadow-depth-3: 0 16px 60px rgba(0, 0, 0, .5);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--duration-cosmic: 2s;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-quad: cubic-bezier(.45, 0, .55, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-cosmic: cubic-bezier(.25, .46, .45, .94);--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-body: "Cormorant Garamond", "Georgia", serif;--font-sans: "Montserrat", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--gradient-cosmic);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gold-primary);font-weight:400;line-height:1.2;letter-spacing:.03em;font-style:italic}h1{font-size:48px}h2{font-size:36px}h3{font-size:28px}h4{font-size:22px}.astranum-display{font-family:var(--font-display);font-size:72px;font-weight:300;line-height:1.1;letter-spacing:.08em;font-style:italic;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.astranum-h1{font-family:var(--font-display);font-size:48px;font-weight:400;line-height:1.2;letter-spacing:.03em;font-style:italic}.astranum-body{font-family:var(--font-body);font-size:17px;font-weight:400;line-height:1.6;color:var(--text-secondary)}.astranum-mono{font-family:var(--font-mono);font-size:14px;color:var(--cyan-accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatOrbit{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes starsMove{0%{background-position:0% 0%}to{background-position:200% 200%}}@keyframes moonGlow{0%,to{box-shadow:0 0 20px #c8b8b84d}50%{box-shadow:0 0 35px #c8b8b899}}@keyframes carouselSlide{0%{transform:translate(0)}to{transform:translate(-100%)}}.cosmic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--gradient-cosmic);overflow:hidden}.cosmic-nebula{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(45,27,105,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(30,58,95,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(45,27,105,.2) 0%,transparent 60%);animation:gradientFlow 20s var(--ease-cosmic) infinite;background-size:200% 200%}.stars-layer{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(248,248,248,.8),transparent),radial-gradient(2px 2px at 40% 70%,rgba(248,248,248,.6),transparent),radial-gradient(1px 1px at 50% 50%,rgba(248,248,248,.7),transparent),radial-gradient(1px 1px at 80% 10%,rgba(248,248,248,.5),transparent),radial-gradient(2px 2px at 90% 40%,rgba(248,248,248,.6),transparent),radial-gradient(1px 1px at 30% 80%,rgba(248,248,248,.7),transparent),radial-gradient(2px 2px at 70% 20%,rgba(248,248,248,.5),transparent);background-size:200% 200%;animation:starsMove 120s linear infinite;opacity:.6}.glass-panel{background:#0d1930b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:var(--shadow-depth-2),inset 0 0 40px #2d1b6926;transition:all var(--duration-normal) var(--ease-out-expo)}.glass-panel:hover{background:#0d1930d9;border-color:#d4af3733;box-shadow:var(--shadow-depth-3),inset 0 0 40px #2d1b6940,var(--glow-gold-soft)}.btn-primary{background:var(--gradient-gold);border:none;border-radius:30px;padding:14px 32px;color:var(--cosmic-void);font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);box-shadow:var(--glow-gold-soft);position:relative;overflow:hidden;text-transform:uppercase}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-gold-medium)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid rgba(212,175,55,.4);border-radius:30px;padding:14px 32px;color:var(--gold-primary);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);letter-spacing:.08em;text-transform:uppercase}.btn-secondary:hover{background:#d4af3714;border-color:var(--gold-primary);box-shadow:var(--glow-gold-soft)}.btn-ghost{background:transparent;border:none;padding:10px 18px;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);border-radius:20px;letter-spacing:.05em}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.card{background:#0d193080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:28px;transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{background:#0d1930b3;border-color:#d4af3733;box-shadow:var(--shadow-depth-2)}.card-gold{background:#0d193080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.25);border-radius:20px;padding:28px;box-shadow:var(--glow-gold-soft)}.card-active{background:#0d1930b3;border:1px solid rgba(125,211,192,.4);border-radius:20px;padding:28px;box-shadow:var(--glow-cyan-medium)}.nav-link{display:flex;align-items:center;gap:12px;padding:14px 18px;color:var(--text-secondary);text-decoration:none;font-family:var(--font-sans);font-size:14px;letter-spacing:.08em;border-radius:12px;transition:all var(--duration-fast) var(--ease-out-expo)}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{color:var(--gold-primary);background:#d4af3714;border-left:2px solid var(--gold-primary)}.input-field{background:#0a081480;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:var(--text-primary);font-family:var(--font-sans);font-size:15px;transition:all var(--duration-fast) var(--ease-out-expo)}.input-field:focus{outline:none;border-color:#7dd3c080;box-shadow:var(--glow-cyan-soft);background:#0a0814cc}.input-field::placeholder{color:var(--text-muted)}.number-cell{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#7dd3c014;border:1px solid rgba(125,211,192,.25);border-radius:12px;color:var(--cyan-accent);font-family:var(--font-display);font-size:20px;font-weight:500;box-shadow:var(--glow-cyan-soft);transition:all var(--duration-fast) var(--ease-out-expo)}.number-cell:hover{background:#7dd3c026;border-color:var(--cyan-accent);box-shadow:var(--glow-cyan-medium);transform:scale(1.08)}.master-number{width:66px;height:66px;background:#d4af3714;border:1.5px solid rgba(212,175,55,.4);border-radius:50%;color:var(--gold-primary);font-size:26px;box-shadow:var(--glow-gold-medium)}.animate-pulse{animation:pulse 3s var(--ease-cosmic) infinite}.animate-pulse-fast{animation:pulse 1.5s var(--ease-cosmic) infinite}.animate-rotate{animation:rotate 90s linear infinite}.animate-rotate-slow{animation:rotate 150s linear infinite}.animate-rotate-fast{animation:rotate 30s linear infinite}.animate-twinkle{animation:twinkle 4s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo)}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out-expo)}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out-expo)}.animate-float{animation:float 6s var(--ease-cosmic) infinite}.animate-float-orbit{animation:floatOrbit 5s var(--ease-cosmic) infinite}.animate-breathe{animation:breathe 4s var(--ease-cosmic) infinite}.animate-moon-glow{animation:moonGlow 5s ease-in-out infinite}.text-accent{color:var(--gold-primary)!important}.text-cyan{color:var(--cyan-accent)!important}.text-moon{color:var(--moon-silver)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-gradient{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gold{border:1px solid rgba(212,175,55,.25)}.border-cyan{border:1px solid rgba(125,211,192,.25)}.border-moon{border:1px solid rgba(200,184,184,.2)}.glow-gold{box-shadow:var(--glow-gold-medium)}.glow-cyan{box-shadow:var(--glow-cyan-medium)}.glow-moon{box-shadow:var(--glow-moon)}.container{max-width:1400px;margin:0 auto;padding:0 32px}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;min-height:calc(100vh - 120px)}@media (max-width: 968px){.hero-grid{grid-template-columns:1fr;gap:32px}}.svg-gold{stroke:var(--gold-primary);fill:none;stroke-width:1}.svg-gold-fill{stroke:var(--gold-primary);fill:#d4af3714;stroke-width:1}.svg-cyan{stroke:var(--cyan-accent);fill:none;stroke-width:1}.svg-moon{stroke:var(--moon-silver);fill:#c8b8b81a;stroke-width:1}.orbit{stroke:#d4af3726;stroke-width:1;fill:none}.orbit-body{fill:var(--gold-primary);filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}.orbit-body.active{fill:var(--cyan-accent);filter:drop-shadow(0 0 12px rgba(125,211,192,.6))}.orbit-body.moon{fill:var(--moon-silver);filter:drop-shadow(0 0 10px rgba(200,184,184,.5))}.star{position:absolute;background:var(--text-primary);border-radius:50%;animation:twinkle 4s ease-in-out infinite}.star-small{width:1px;height:1px;opacity:.5}.star-medium{width:2px;height:2px}.star-large{width:3px;height:3px;opacity:1;box-shadow:0 0 10px #f8f8f899}.carousel-container{position:relative;overflow:hidden;padding:20px 0}.carousel-track{display:flex;transition:transform .6s var(--ease-out-expo)}.carousel-item{min-width:100%;padding:0 12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a081480;border-radius:4px}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3780}@media (max-width: 968px){h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}.astranum-display{font-size:48px}.container{padding:0 20px}}@media (max-width: 640px){h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.astranum-display{font-size:36px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:13px}}
