:root{--color-bg:#004e59;--color-surface:#000000d9;--color-text:#f1efe7;--color-text-muted:#8a8883;--color-accent-border:#dccdaf40;--color-accent-hover:#dccdaf14;--font-primary:"Inter", sans-serif;--transition-slow:.8s cubic-bezier(.2, 0, .2, 1);--transition-fast:.4s cubic-bezier(.2, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}h1,h2,h3{letter-spacing:-.01em;font-weight:300}h1{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;line-height:1.25}h2{margin-bottom:2rem;font-size:1.7rem;font-weight:400;line-height:1.4}p{color:var(--color-text-muted);font-size:1.125rem;line-height:1.7}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-accent-border);text-align:center;opacity:0;width:90%;max-width:650px;animation:fadeUp var(--transition-slow) forwards;border-radius:4px;padding:4.5rem 3.5rem;transform:translateY(15px);box-shadow:0 40px 60px -20px #000c}.btn-primary{color:var(--color-text);border:1px solid var(--color-accent-border);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.15em;text-transform:uppercase;background:0 0;border-radius:2px;margin-top:2.5rem;padding:1rem 3rem;font-family:inherit;font-size:.95rem;font-weight:500}.btn-primary:active,.option-btn:active{background:#000000e6;transition:all .5s cubic-bezier(.2,0,.2,1);transform:translateY(3px)scale(.97);box-shadow:inset 0 0 10px #000c}.btn-primary:hover{color:#000;background:#fff2d2;border-color:#fff2d2}.options-grid{flex-direction:column;gap:1.2rem;margin-top:2.5rem;display:flex}.option-btn{color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:center;letter-spacing:.03em;background:#ffffff05;border:1px solid #ffffff0f;border-radius:2px;padding:1.5rem;font-family:inherit;font-size:1.15rem;font-weight:300}.option-btn:hover{color:#000;background:#fff2d2;border-color:#fff2d2;transform:translateY(-2px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.fade-enter{opacity:0;animation:fadeUp var(--transition-fast) forwards;transform:translateY(10px)}.brand-logo{opacity:.95;width:auto;height:95px;margin:0 auto 2rem;animation:6s ease-in-out infinite vagus-breathe;display:block}@keyframes vagus-breathe{0%,to{filter:drop-shadow(0 0 2px #ffc6271a);transform:scale(1)}50%{filter:drop-shadow(0 4px 15px #ffc6274d);transform:scale(1.05)}}.brand-mark{letter-spacing:.25em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:2.5rem;font-size:.75rem;font-weight:600;display:block}.cinematic-reveal{opacity:0;animation:3.5s cubic-bezier(.25,1,.5,1) forwards clear-fog}@keyframes clear-fog{0%{opacity:0;filter:blur(8px);transform:translateY(15px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media screen and (width<=650px){.glass-panel{width:95%;padding:2.5rem 1.5rem}h1{font-size:1.8rem}h2{font-size:1.35rem}.option-btn{padding:1.2rem 1rem;font-size:.95rem}.btn-primary{width:100%;margin-top:1.5rem;padding:1rem 1.5rem;font-size:.85rem}.options-grid{gap:.8rem}.brand-logo{height:75px;margin-bottom:1.5rem}}