*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#1a1f35;--secondary-color:#2d3654;--accent-color:#00c896;--accent-hover:#00a678;--gold-color:gold;--text-primary:#fff;--text-secondary:#b8bcc8;--border-color:#3a4158;--card-bg:#242938;--warning-color:#ff6b6b}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--primary-color) 0,#0f1421 100%);color:var(--text-primary);min-height:100vh}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;transition:all .3s ease}button:hover{transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}