*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #FFD700;--gold-dark: #B8860B;--gold-light: #FFF0A0;--blue-deep: #0A0E2A;--blue-mid: #0D1547;--blue-card: #0F1A5A;--blue-hover: #1A2E8A;--blue-bright: #1E3FA8;--white: #FFFFFF;--gray-light: #C0C8E8;--red: #E53935;--green: #43A047;--orange: #FF6B35;--purple: #9C27B0;--shadow-gold: 0 0 20px rgba(255, 215, 0, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .5);--border-gold: 2px solid rgba(255, 215, 0, .4);--font-main: "Oswald", sans-serif;--font-body: "Roboto", sans-serif}html,body{width:100%;min-height:100vh;font-family:var(--font-body);background:var(--blue-deep);color:var(--white);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;font-family:var(--font-main)}input{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--blue-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}