@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{padding-top:var(--header-height);font-family:Inter,sans-serif;background-color:#0f172a;color:#e2e8f0;line-height:1.6;-webkit-font-smoothing:antialiased}:root{--header-height: 90px;--color-primary: #38bdf8;--color-secondary: #22c55e;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-border: #334155;--space-section: 120px;--space-large: 64px;--space-medium: 32px;--space-small: 16px;--radius-default: 12px;--container-width: 1100px}section{padding:var(--space-section) 20px;scroll-margin-top:var(--header-height)}.container{max-width:var(--container-width);margin:0 auto}h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:20px}h2{font-size:clamp(1.8rem,3vw,2.2rem);font-weight:600;margin-bottom:24px}h3{font-size:1.3rem;font-weight:600;margin-bottom:12px}p{font-size:1.05rem;color:var(--color-text-muted);max-width:700px}a{text-decoration:none;color:var(--color-primary);transition:.3s ease}a:hover{opacity:.8}.button-primary{display:inline-block;background:var(--color-primary);color:#000;padding:12px 24px;border-radius:var(--radius-default);font-weight:600;transition:.3s}.button-primary:hover{transform:translateY(-2px);opacity:.9}.header{position:sticky;top:0;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a192fcc;z-index:1000}.header-container{max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}nav{display:flex;gap:2rem}.navbar{max-width:var(--container-width);margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.4rem;font-weight:700;letter-spacing:.5px}.nav-links a{margin-left:28px;font-size:1rem;font-weight:500}.hero{min-height:90vh;display:flex;align-items:center}.hero p{margin-bottom:30px}.card{background:var(--color-bg-card);padding:28px;border-radius:var(--radius-default);border:1px solid var(--color-border);transition:.3s ease}.card:hover{transform:translateY(-5px)}.footer{text-align:center;padding:40px 20px;border-top:1px solid var(--color-border);color:var(--color-text-muted)}@media (max-width: 768px){section{padding:80px 20px}.nav-links{display:none}h1{font-size:2.2rem}h2{font-size:1.6rem}}