@import"https://fonts.googleapis.com/css2?family=Cairo:wght@600;700&family=Montserrat:ital,wght@0,300;0,400;0,600;0,800;0,900;1,800&family=Space+Grotesk:wght@500;700&display=swap";:root{--color-wine-dark: #35000e;--color-wine: #56021a;--color-wine-bright: #6e0d24;--color-gold: #fad49f;--color-gold-bright: #ffdfaf;--color-gold-dim: rgba(250, 212, 159, .7);--font-brand: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-ar: "Cairo", sans-serif;--font-mono: "Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-wine);font-family:var(--font-brand);color:var(--color-gold);-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 72% 52%,#6a0d24,#56021a 40%,#3a0011 75%,#220008);display:flex;overflow:hidden}#interactive-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.cursor-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(250,212,159,.1) 0%,rgba(110,13,36,.06) 50%,transparent 75%);pointer-events:none;transform:translate(-50%,-50%);z-index:2;will-change:transform}.ui-overlay{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.8rem,4vw,4rem);pointer-events:none}.ui-overlay a,.ui-overlay button{pointer-events:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.brand-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.1rem;background:#56021aa6;border:1px solid rgba(250,212,159,.3);border-radius:9999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);box-shadow:0 4px 14px #0000004d}.pulse-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;animation:pulseGreen 2s infinite ease-in-out}@keyframes pulseGreen{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.hud-controls{display:flex;align-items:center;gap:.75rem}.btn-icon{background:#56021a8c;border:1px solid rgba(250,212,159,.25);color:var(--color-gold);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-icon:hover{background:#fad49f38;border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.hero-content{max-width:640px;display:flex;flex-direction:column;gap:1.5rem;margin-top:auto;margin-bottom:auto;padding:1.6rem 2rem;border-radius:20px;background:radial-gradient(circle at 15% 50%,rgba(68,5,22,.75) 0%,rgba(68,5,22,.35) 75%,transparent 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo-container{display:inline-block;width:clamp(240px,30vw,400px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.45));transition:transform .4s ease}.logo-container:hover{transform:scale(1.02)}.official-logo-svg{width:100%;height:auto;display:block}.hero-tagline{font-family:var(--font-brand);font-size:clamp(1.3rem,2.3vw,2.1rem);font-weight:900;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gold);text-shadow:0 4px 18px rgba(0,0,0,.5)}.hero-tagline .line{display:block}.hero-divider{width:100%;max-width:460px;height:1px;background:linear-gradient(90deg,var(--color-gold) 0%,rgba(250,212,159,.3) 70%,transparent 100%)}.brand-footer{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(1rem,2.5vw,2.5rem)}.social-pill{display:inline-flex;align-items:center;gap:.6rem;font-size:clamp(.9rem,1.2vw,1.15rem);font-weight:700;letter-spacing:.03em;color:var(--color-gold);text-decoration:none;transition:all .25s ease;position:relative}.social-pill svg{width:20px;height:20px;fill:currentColor;transition:transform .25s ease}.social-pill:hover{color:#fff;transform:translateY(-2px);text-shadow:0 0 12px rgba(250,212,159,.8)}.social-pill:hover svg{transform:scale(1.15)}.bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.mouse-indicator{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-gold-dim);background:#56021a80;padding:.4rem .85rem;border-radius:6px;border:1px solid rgba(250,212,159,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.interactive-hint{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold-dim);display:flex;align-items:center;gap:.5rem}.interactive-hint .hand-icon{animation:spinCircle 6s linear infinite}@keyframes spinCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:860px){.hero-content{align-items:center;text-align:center;margin:auto}.hero-divider{max-width:80%}.brand-footer{justify-content:center}.bottom-bar{flex-direction:column;align-items:center;gap:.75rem}}