*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-dark: #1C1610;--brand-dark2: #2A2218;--brand-dark3: #3A3020;--brand-gold: #C9A96E;--brand-gold-light: #D4BC84;--brand-gold-dim: #8A7A56;--brand-cream: #F0E6D3;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-display: "DM Sans", sans-serif;--font-body: "DM Sans", sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 50px -10px rgba(0, 0, 0, .4);--shadow-gold: 0 0 30px rgba(201, 169, 110, .2)}html,body{font-family:var(--font-body);background:var(--brand-dark);color:var(--white);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.page{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-dark{background:linear-gradient(180deg,var(--brand-dark) 0%,var(--brand-dark2) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;border:none;border-radius:14px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-dim));color:var(--brand-dark);box-shadow:var(--shadow-lg),var(--shadow-gold)}.btn-primary:hover{box-shadow:var(--shadow-xl),0 0 40px #c9a96e59;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--brand-gold);border:2px solid rgba(201,169,110,.3)}.btn-secondary:hover{border-color:var(--brand-gold);background:#c9a96e14}.btn-gold{background:linear-gradient(135deg,var(--brand-gold),#B8963E);color:var(--brand-dark);box-shadow:var(--shadow-lg),0 0 40px #c9a96e4d;font-size:22px;padding:20px 50px}.btn-large{font-size:24px;padding:22px 60px;border-radius:18px}.input{width:100%;padding:16px 20px;border:1.5px solid rgba(201,169,110,.2);border-radius:12px;font-family:var(--font-body);font-size:17px;background:#ffffff0d;color:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--brand-gold);box-shadow:0 0 0 3px #c9a96e1f}.input::placeholder{color:#ffffff4d}.card{background:var(--brand-dark2);border-radius:20px;padding:36px;box-shadow:var(--shadow-lg);border:1px solid rgba(201,169,110,.1)}.logo{font-family:var(--font-display);font-weight:900;font-size:48px;color:var(--brand-gold);letter-spacing:-1px;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.logo-small{font-size:28px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:var(--shadow-lg),0 0 20px #c9a96e26}50%{box-shadow:var(--shadow-lg),0 0 40px #c9a96e4d}}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(15px,-20px)}50%{transform:translate(-10px,-35px)}75%{transform:translate(20px,-15px)}}@keyframes float2{0%,to{transform:translate(0)}25%{transform:translate(-20px,15px)}50%{transform:translate(15px,25px)}75%{transform:translate(-10px,-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes btnGlow{0%,to{box-shadow:0 4px 20px #c9a96e33}50%{box-shadow:0 4px 35px #c9a96e66,0 0 60px #c9a96e26}}@keyframes btnGlowPurple{0%,to{box-shadow:0 4px 20px #7b2d6e40}50%{box-shadow:0 4px 40px #7b2d6e80,0 0 60px #7b2d6e33}}@keyframes heroWordIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroSlamIn{0%{opacity:0;transform:translateY(60px) scale(1.3) rotate(4deg)}60%{opacity:1;transform:translateY(-6px) scale(.97) rotate(-1deg)}80%{transform:translateY(2px) scale(1.02) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes heroBigSlam{0%{opacity:0;transform:translateY(80px) scale(1.5) rotate(6deg)}50%{opacity:1;transform:translateY(-10px) scale(.95) rotate(-2deg)}75%{transform:translateY(4px) scale(1.04) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes heroBounceIn{0%{opacity:0;transform:translateY(35px) scale(.8)}70%{opacity:1;transform:translateY(-4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spinBtnPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ffffff26}50%{transform:scale(1.02);box-shadow:0 6px 35px #ffffff40}}@keyframes heroBreath{0%,to{transform:rotate(-3deg) scale(1) translateY(0)}50%{transform:rotate(-3deg) scale(1.012) translateY(-3px)}}@keyframes bgLightSweep{0%{transform:translate(-60%,-40%) rotate(25deg)}50%{transform:translate(60%,40%) rotate(25deg)}to{transform:translate(-60%,-40%) rotate(25deg)}}@keyframes bgSpotA{0%{transform:translate(0)}25%{transform:translate(40%,-20%)}50%{transform:translate(20%,50%)}75%{transform:translate(-30%,30%)}to{transform:translate(0)}}@keyframes bgSpotB{0%{transform:translate(0)}25%{transform:translate(-40%,30%)}50%{transform:translate(-20%,-40%)}75%{transform:translate(35%,-10%)}to{transform:translate(0)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heroBlockIn{0%{opacity:0;transform:rotate(-3deg) scale(.8) translateY(30px)}to{opacity:1;transform:rotate(-3deg) scale(1) translateY(0)}}@keyframes heroTiltIn{0%{opacity:0;transform:rotate(-8deg) scale(.8) translateY(30px)}60%{opacity:1;transform:rotate(-2deg) scale(1.02) translateY(-5px)}to{opacity:1;transform:rotate(-3deg) scale(1) translateY(0)}}@keyframes orbPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.2s}.stagger>*:nth-child(4){animation-delay:.3s}.stagger>*:nth-child(5){animation-delay:.4s}