@import "https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Outfit:wght@300;400;600;700&display=swap";:root{--color-primary-900:#0f172a;--color-primary-800:#1e293b;--color-primary-700:#334155;--color-accent-500:#d4af37;--color-accent-400:#facc15;--color-accent-glow:#d4af374d;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-800:#1e293b;--font-heading:"Outfit", sans-serif;--font-body:"Merriweather", serif;--container-max:1200px;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-primary-900);color:var(--color-gray-100);min-height:100vh;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-white);margin-bottom:1rem;line-height:1.2}h1{letter-spacing:-.02em;font-size:3.5rem;font-weight:700}h2{font-size:2.5rem;font-weight:600}h3{color:var(--color-accent-500);font-size:1.75rem}a{color:var(--color-accent-400);text-decoration:none;transition:color .2s}a:hover{color:var(--color-white)}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--color-accent-500);color:var(--color-primary-900)}.btn-primary:hover{background:var(--color-white);box-shadow:0 0 15px var(--color-accent-glow)}.btn-outline{border-color:var(--color-accent-500);color:var(--color-accent-500);background:0 0}.btn-outline:hover{color:var(--color-white);background:#d4af371a}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:transform .3s}.card:hover{border-color:var(--color-accent-500);transform:translateY(-5px)}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}