*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#07111f;color:#e8eef8;line-height:1.6}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,72px);background:rgba(7,17,31,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{text-decoration:none;font-weight:800;font-size:22px}.logo span{color:#49d3ff}.nav{display:flex;gap:22px;align-items:center}.nav a{text-decoration:none;color:#c9d7eb;font-size:15px}.nav a:hover{color:#fff}.nav-cta{padding:9px 15px;border:1px solid rgba(73,211,255,.5);border-radius:999px}.menu-button{display:none;background:none;border:0;color:#fff;font-size:28px}.section{padding:96px clamp(20px,5vw,72px)}.hero{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;background:radial-gradient(circle at top left,rgba(73,211,255,.18),transparent 35%),radial-gradient(circle at bottom right,rgba(110,87,255,.15),transparent 30%)}.eyebrow{margin:0 0 12px;color:#49d3ff;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800}.hero h1,.section-heading h2,.split h2,.contact-box h2{font-size:clamp(34px,5vw,64px);line-height:1.05;margin:0 0 22px}.hero-text{font-size:20px;color:#c9d7eb;max-width:760px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:800}.primary{background:#49d3ff;color:#06101d}.secondary{border:1px solid rgba(255,255,255,.2);color:#e8eef8}.hero-card,.card,.project,.contact-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.hero-card{padding:30px}.hero-card h2{margin-top:0}.hero-card ul{padding-left:20px;color:#c9d7eb}.section-heading{max-width:820px;margin-bottom:34px}.section-heading h2,.split h2,.contact-box h2{font-size:clamp(30px,4vw,48px)}.grid{display:grid;gap:22px}.cards-3{grid-template-columns:repeat(3,1fr)}.card{padding:28px}.card h3,.project h3{font-size:22px;margin:0 0 10px}.card p,.project p,.about-text,.contact-box p{color:#c9d7eb}.alt{background:#0a1628}.projects{display:grid;gap:22px}.project{padding:30px}.tag{display:inline-block;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:rgba(73,211,255,.12);color:#49d3ff;font-size:13px;font-weight:800}.tech-list{display:flex;flex-wrap:wrap;gap:12px}.tech-list span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#d8e4f5}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;background:linear-gradient(135deg,rgba(73,211,255,.08),rgba(110,87,255,.08))}.about-text{font-size:18px}.contact-section{padding-top:70px}.contact-box{text-align:center;padding:48px;max-width:980px;margin:auto}.contact-actions{justify-content:center}footer{text-align:center;padding:28px;color:#8fa3c1;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:860px){.menu-button{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;background:#07111f;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.nav.open{display:flex}.hero,.cards-3,.split{grid-template-columns:1fr}.section{padding:70px 20px}.hero{min-height:auto;padding-top:70px}.hero-card,.card,.project,.contact-box{border-radius:22px}.contact-box{padding:30px}.button{width:100%}}