:root{--bg: #0d0a1e;--text: #f0eade;--gold: #e8960a;--gold-soft: rgba(232, 150, 10, .15);--muted: rgba(240, 234, 222, .58);--border: rgba(232, 150, 10, .28);--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .09);--font-display: "Cormorant Garamond", serif;--font-body: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 1px 1px at 63.4% 4.4%,rgba(255,255,255,.49) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 15.4% 11.8%,rgba(255,255,255,.72) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 10.3% 42.5%,rgba(255,255,255,.36) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 24.3% 59.8%,rgba(255,255,255,.63) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 42.3% 45.1%,rgba(255,255,255,.49) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 74.8% 17.3%,rgba(255,255,255,.56) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 16.9% 93.9%,rgba(255,255,255,.52) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 38.5% 36.5%,rgba(255,255,255,.52) 0%,transparent 100%),radial-gradient(ellipse 1.5px 1.5px at 79.5% 72.1%,rgba(255,255,255,.62) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 9.6% 30.1%,rgba(255,255,255,.66) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 57.4% 69.6%,rgba(255,255,255,.37) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 76.2% 96.6%,rgba(255,255,255,.78) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 37.5% 22.1%,rgba(255,255,255,.48) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 60.5% 18.4%,rgba(255,255,255,.71) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 46.4% 27.9%,rgba(255,255,255,.81) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 23.1% 33.1%,rgba(255,255,255,.73) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 24% 5.1%,rgba(255,255,255,.51) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 8.4% 89.7%,rgba(255,255,255,.63) 0%,transparent 100%),radial-gradient(ellipse 1.5px 1.5px at 22.4% 49.9%,rgba(255,255,255,.79) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 15.7% 15.4%,rgba(255,255,255,.72) 0%,transparent 100%),radial-gradient(ellipse 1.5px 1.5px at 27.2% 58.1%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 10.7% 6.5%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(ellipse 1.5px 1.5px at 78% 42.5%,rgba(255,255,255,.38) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 59.2% 46.9%,rgba(255,255,255,.48) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 84.6% 3.1%,rgba(255,255,255,.71) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 74.1% 75.8%,rgba(255,255,255,.52) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 95.3% 75.1%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 85.6% 30.7%,rgba(255,255,255,.67) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 90.2% 59.5%,rgba(255,255,255,.59) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 91.2% 86.4%,rgba(255,255,255,.77) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 75.5% 14.3%,rgba(255,255,255,.59) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 17.9% 52.7%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 40.3% 66.5%,rgba(255,255,255,.54) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 22.6% 14.7%,rgba(255,255,255,.82) 0%,transparent 100%),radial-gradient(ellipse 1.5px 1.5px at 57.3% 25.3%,rgba(255,255,255,.59) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 7.8% 71.9%,rgba(255,255,255,.75) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 19.6% 46.4%,rgba(255,255,255,.79) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 64.6% 53.9%,rgba(255,255,255,.36) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 48.2% 85%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 29.4% 68.9%,rgba(255,255,255,.72) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 65.5% 48.7%,rgba(255,255,255,.44) 0%,transparent 100%),radial-gradient(ellipse 1px 1px at 95% 57.6%,rgba(255,255,255,.62) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 7.5% 58.1%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(ellipse 1.5px 1.5px at 8.6% 8.5%,rgba(255,255,255,.78) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 5.8% 9.9%,rgba(255,255,255,.68) 0%,transparent 100%),radial-gradient(ellipse 75% 55% at 15% 65%,rgba(160,80,240,.28) 0%,transparent 65%),radial-gradient(ellipse 60% 45% at 48% 45%,rgba(200,120,255,.18) 0%,transparent 60%),radial-gradient(ellipse 65% 50% at 82% 35%,rgba(80,120,255,.25) 0%,transparent 62%),radial-gradient(ellipse 50% 40% at 72% 12%,rgba(210,160,255,.15) 0%,transparent 55%),radial-gradient(ellipse 100% 80% at 50% 50%,rgba(30,15,70,.6) 0%,transparent 80%);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1100px;margin:0 auto;padding:0 3rem}.section-tag{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.section-tag.center{text-align:center}.section-title{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--text);margin-bottom:1rem}.section-title.center{text-align:center}.divider{display:flex;align-items:center;gap:.75rem;margin:1.2rem 0 2rem}.divider span:first-child,.divider span:last-child{flex:1;height:1px;background:var(--gold);opacity:.35;max-width:60px}.divider.center{justify-content:center}.divider.center span:first-child,.divider.center span:last-child{max-width:80px}.diamond{color:var(--gold);font-size:.85rem}.btn{display:inline-block;padding:.85rem 2.2rem;border-radius:9999px;font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border:none}.btn-gold{background:var(--gold);color:#0d0a1e;border:1px solid var(--gold)}.btn-gold:hover{opacity:.85}.btn-outline{background:transparent;color:var(--text);border:1px solid rgba(240,234,222,.35)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0a1ed1;backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,150,10,.1)}.nav-logo{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--text);white-space:nowrap}.nav-links{display:flex;gap:2rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#f0eadeb8}.nav-links a:hover{color:var(--gold);transition:color .3s}.nav-cta{padding:.5rem 1.3rem;background:var(--gold);color:#0d0a1e;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:opacity .3s}.nav-cta:hover{opacity:.85}.footer{padding:2.5rem 3rem;text-align:center;font-size:.78rem;color:#f0eade4d;letter-spacing:.06em;border-top:1px solid rgba(232,150,10,.1)}.page-hero{padding:10rem 3rem 5rem;text-align:center;max-width:800px;margin:0 auto}.page-hero h1{font-size:clamp(2.8rem,5vw,4.5rem);margin-bottom:1.2rem}.page-hero p{color:var(--muted);font-size:1.05rem;line-height:1.85;max-width:580px;margin:0 auto}@media(max-width:768px){.nav{padding:1rem 1.5rem}.nav-links{display:none}.container{padding:0 1.5rem}.page-hero{padding:8rem 1.5rem 3rem}}#music-btn{position:fixed;bottom:1.8rem;right:1.8rem;z-index:200;width:44px;height:44px;border-radius:50%;background:#0d0a1ed1;border:1px solid rgba(232,150,10,.35);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s,transform .2s;padding:0;color:var(--gold)}#music-btn:hover{border-color:var(--gold);transform:scale(1.08)}#music-btn svg{width:18px;height:18px}.music-card{position:fixed;bottom:4.8rem;right:1.8rem;z-index:200;background:#0d0a1eeb;border:1px solid rgba(232,150,10,.35);border-radius:14px;padding:1.1rem 1.4rem 1rem;max-width:220px;backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;animation:fadeSlideUp .3s ease}.music-card:after{content:"";position:absolute;bottom:-6px;right:14px;width:10px;height:10px;background:#0d0a1eeb;border-right:1px solid rgba(232,150,10,.35);border-bottom:1px solid rgba(232,150,10,.35);transform:rotate(45deg)}.music-card-close{position:absolute;top:.5rem;right:.7rem;background:none;border:none;color:#f0eade59;font-size:1rem;cursor:pointer;line-height:1;padding:0;transition:color .2s}.music-card-close:hover{color:var(--gold)}.music-card-question{font-family:var(--font-display);font-size:1.1rem;font-style:normal;font-weight:400;color:var(--text);margin-bottom:.5rem;line-height:1.3;padding-right:.8rem}.music-card-link{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:opacity .2s}.music-card-link:hover{opacity:.75}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{display:none;position:fixed;top:1rem;right:1.5rem;z-index:102;background:none;border:none;cursor:pointer;padding:.4rem;flex-direction:column;gap:5px;align-items:flex-end}.hamburger-btn span{display:block;height:1.5px;background:var(--text);border-radius:2px;transition:all .3s}.hamburger-btn span:nth-child(1){width:24px}.hamburger-btn span:nth-child(2){width:16px}.hamburger-btn span:nth-child(3){width:24px}@media(max-width:768px){.hamburger-btn{display:flex}.nav-cta{display:none}}.mobile-drawer{position:fixed;top:0;right:0;width:min(300px,85vw);height:100vh;background:#0a0819fa;border-left:1px solid rgba(232,150,10,.15);z-index:500;padding:5rem 2.5rem 3rem;display:flex;flex-direction:column;gap:2rem;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.drawer-overlay{position:fixed;inset:0;background:#000000a6;z-index:499;opacity:0;pointer-events:none;transition:opacity .35s;backdrop-filter:blur(3px)}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer-close{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#f0eade80;font-size:2rem;cursor:pointer;padding:.3rem;line-height:1;transition:color .2s}.drawer-close:hover{color:var(--gold)}.drawer-nav{display:flex;flex-direction:column;gap:1.8rem}.drawer-nav a{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#f0eadebf;text-decoration:none;transition:color .2s;font-weight:300}.drawer-nav a:hover{color:var(--gold)}.drawer-cta{text-align:center;margin-top:auto}@media(max-width:768px){.page-hero{padding:7rem 1.5rem 2.5rem}.page-hero h1{font-size:clamp(2.2rem,7vw,3.5rem)}}@media(max-width:480px){.container{padding:0 1rem}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.section-tag{font-size:.7rem}}@media(max-width:600px){.popup-card{padding:2.5rem 1.5rem;max-width:min(480px,92vw)}.popup-title{font-size:1.8rem}.popup-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}@media(max-width:480px){.music-card{max-width:min(220px,82vw);right:1rem}#music-btn{bottom:1rem;right:1rem;width:40px;height:40px}}#stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
