:root{--bg-page: #101218;--bg-card: #1C1F26;--accent-gold: #D4AF37;--accent-gold-vibrant: #FFD700;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--border-light: rgba(255, 255, 255, .08);--card-shadow: 0 30px 60px -12px rgba(0, 0, 0, .5);--geometric-radius: 12px}body{background-color:var(--bg-page);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.clean-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--card-shadow);border-radius:var(--geometric-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-gold{color:var(--accent-gold)}.text-gold-gradient{background:linear-gradient(135deg,#b8860b,#d4af37);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sacred-input{background:#ffffff08;border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--geometric-radius);transition:all .2s ease;font-weight:500}.sacred-input:focus{background:#ffffff0d;border-color:var(--accent-gold);box-shadow:0 0 0 4px #d4af3726;outline:none}.sacred-input::placeholder{color:#475569}.btn-gold{background:linear-gradient(135deg,var(--accent-gold) 0%,#C5A028 100%);color:#000;font-weight:800;border-radius:var(--geometric-radius);transition:all .2s ease;box-shadow:0 10px 20px -5px #d4af374d;text-transform:uppercase;letter-spacing:.15em}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #d4af3766;filter:brightness(1.1)}.btn-gold:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary);font-weight:600;border-radius:var(--geometric-radius);transition:all .2s ease}.btn-secondary:hover{background:#ffffff14;color:var(--text-primary)}.reveal-up{opacity:0;transform:translateY(20px);animation:revealUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.reveal-stagger-1{animation-delay:.1s}.reveal-stagger-2{animation-delay:.2s}.reveal-stagger-3{animation-delay:.3s}