*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}.app{color:#e0e0e0;background:linear-gradient(170deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);flex-direction:column;min-height:100vh;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:flex}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:720px;margin:0 auto;padding:2rem;display:flex}.logo{filter:drop-shadow(0 2px 8px #d4a8434d);width:min(280px,80vw);height:auto}h1{color:#f5f5f5;letter-spacing:-.5px;margin:0;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700}.subtitle{color:#b0b0b0;max-width:480px;margin:0;padding:0 1rem;font-size:clamp(1rem,2.5vw,1.25rem)}.badge{color:#f2d06b;letter-spacing:.5px;text-transform:uppercase;background:#d4a8431f;border:1px solid #d4a8434d;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.badge-dot{background:#f2d06b;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.description{color:#8a8a9a;max-width:420px;margin:0;padding:0 1rem;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.footer{text-align:center;border-top:1px solid #ffffff0f;padding:1.5rem 2rem}.footer p{color:#5a5a6a;margin:0;font-size:.8rem}@media (width<=480px){.hero{gap:1rem;padding:1.5rem 1rem}.logo{width:min(200px,70vw)}.badge{padding:.4rem 1rem;font-size:.8rem}.footer{padding:1rem}}@media (width>=481px) and (width<=768px){.hero{gap:1.15rem;padding:2rem 1.5rem}.logo{width:min(240px,75vw)}}@media (width>=1200px){.hero{gap:1.5rem}}