@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";
:root{--gold:#febe10;--white:#fff;--blue:#00529f;--red:#ee324e;--dark-bg:#0a1628;--card-bg:#0f2744;--font-oswald:"Oswald", sans-serif;--font-roboto:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-roboto);background:linear-gradient(135deg, var(--dark-bg) 0%, #1a3a5c 100%);color:var(--white);overflow-x:hidden}body{flex-direction:column;min-height:100vh;display:flex}header{background:linear-gradient(90deg, var(--blue) 0%, var(--gold) 50%, var(--blue) 100%);text-align:center;padding:1rem;box-shadow:0 4px 20px #00000080}header h1{font-family:var(--font-oswald);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px #0000004d;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}main{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}footer{text-align:center;color:#ffffff80;padding:1rem;font-size:.75rem}