:root{--bg-color: #050505;--card-bg: #121212;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #ff0040;--accent-hover: #ff3366;--glass-border: rgba(255, 255, 255, .1);--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}button{cursor:pointer;border:none;outline:none;font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background-color:var(--accent-color);color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;letter-spacing:.5px;transition:background-color .3s,transform .2s;text-transform:uppercase;font-size:.9rem}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff004066}.input-field{background:var(--card-bg);border:1px solid var(--glass-border);color:#fff;padding:12px;border-radius:4px;width:100%;box-sizing:border-box;font-size:1rem;transition:border-color .3s}.input-field:focus{border-color:var(--accent-color)}@media (max-width: 768px){.container{padding:0 15px}html{font-size:14px}.btn-primary{padding:14px 20px;font-size:1rem;width:100%}.grid{grid-template-columns:1fr!important;gap:1.5rem!important}}