:root{--bg: #0a0a0f;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-muted: rgba(255, 255, 255, .5);--amber: #e8a020;--amber-light: #f5c040;--amber-dark: #c47810}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}#particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}body:before{content:"";position:fixed;top:-20%;left:50%;translate:-50% 0;width:min(700px,100vw);height:min(700px,100vw);background:radial-gradient(ellipse at center,rgba(232,160,32,.16) 0%,rgba(196,120,16,.06) 50%,transparent 70%);pointer-events:none;z-index:0;animation:ambientPulse 6s ease-in-out infinite}.site-header{position:relative;z-index:10;width:100%;display:flex;justify-content:center;padding:clamp(1.5rem,4vw,2.5rem) 1rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.1rem;border-radius:999px;font-size:clamp(.65rem,2vw,.75rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:#e8a0201a;border:1px solid rgba(232,160,32,.3)}.badge:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--amber);animation:dotPulse 2s ease-in-out infinite}main{position:relative;z-index:10;flex:1;width:100%;display:flex;align-items:center;justify-content:center}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1.25rem 3rem;gap:clamp(1.25rem,3vw,2rem)}.stage{position:relative;width:min(380px,90vw);display:flex;justify-content:center}.ticket{width:100%;max-width:320px;filter:drop-shadow(0 0 20px rgba(232,160,32,.5)) drop-shadow(0 0 48px rgba(196,120,16,.22))}.logotype{font-size:clamp(3rem,12vw,6.5rem);font-weight:800;letter-spacing:-.03em;line-height:1}.logo-show{color:#fff}.logo-teka{color:var(--amber)}.tagline{font-size:clamp(1rem,3.5vw,1.35rem);font-weight:400;color:var(--text-muted);letter-spacing:.02em;max-width:36ch}.site-footer{position:relative;z-index:10;width:100%;padding:1.5rem 1rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-copy{font-size:.8rem;color:#fff3;letter-spacing:.03em}.env-info{padding-top:.875rem;border-top:1px solid rgba(255,255,255,.06);width:100%}.env-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:.68rem;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace}.env-grid dt{color:#ffffff2e;white-space:nowrap}.env-grid dt:after{content:": "}.env-grid dd{color:#ffffff52;white-space:nowrap}.env-grid dd+dt:before{content:"  ·  ";color:#ffffff1a}.animate-badge{animation:fadeInDown .7s cubic-bezier(.22,1,.36,1) both}.animate-1{animation:fadeInUp .8s .2s cubic-bezier(.22,1,.36,1) both}.animate-2{animation:fadeInUp .8s .4s cubic-bezier(.22,1,.36,1) both}.animate-3{animation:fadeInUp .8s .6s cubic-bezier(.22,1,.36,1) both}.animate-4{animation:fadeInUp .8s .8s cubic-bezier(.22,1,.36,1) both}.stage{animation:fadeInUp .9s .05s cubic-bezier(.22,1,.36,1) both,ticketFloat 4s 1s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes ticketFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes spotlightLeft{0%,to{transform:rotate(-18deg);opacity:.15}50%{transform:rotate(-6deg);opacity:.28}}@keyframes spotlightRight{0%,to{transform:rotate(18deg);opacity:.15}50%{transform:rotate(6deg);opacity:.28}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes ambientPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.15)}}@media (min-width: 640px){.stage{width:min(420px,80vw)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after,.badge,.stage,.logotype,.tagline,.spotlight,.badge:before{animation:none!important;transition:none!important}.animate-badge,.animate-1,.animate-2,.animate-3,.animate-4{opacity:1!important;transform:none!important}}
