:root{--color-primary: #2563EB;--color-secondary: #2563EB;--color-bg: #0a0a0a;--color-card-bg: #171717;--color-text: #9ca3af;--color-heading: #ffffff;--color-border: #1e3a8a;--color-input-bg: #262626;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-family);background:linear-gradient(135deg,#0f1923,#1a2d3d,#0f1923);min-height:100vh;color:var(--color-text);line-height:1.5}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--color-heading)}button{cursor:pointer;font-family:inherit}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;border:none;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 480px){.grid-2{grid-template-columns:1fr}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-logo{height:90px;margin:0 auto;display:block;max-width:100%;object-fit:contain;transition:height .3s ease}@media (max-width: 480px){.header-logo{height:70px}}