:root{--color-navy: #332E69;--color-gold: #FFCA05;--color-mist: #F5F7FA;--color-white: #FFFFFF;--color-text: #1a1a2e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--color-white);color:var(--color-navy);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}.heading-primary{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.heading-secondary{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;opacity:.9;margin-bottom:2rem}.text-gold{color:var(--color-gold)}.text-navy{color:var(--color-navy)}.bg-mist{background-color:var(--color-mist);color:var(--color-navy)}.glass-panel{background:var(--color-navy);color:var(--color-white);border-radius:24px;padding:4rem 3rem;box-shadow:0 25px 50px -12px #332e6966}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}*:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}.pulse-dot{width:12px;height:12px;background-color:var(--color-gold);border-radius:50%;box-shadow:0 0 #ffca05b3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffca05b3}70%{transform:scale(1);box-shadow:0 0 0 15px #ffca0500}to{transform:scale(.95);box-shadow:0 0 #ffca0500}}