@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;--bg: #0b0d12;--surface: #121622;--card: #151b2b;--text: #e7ecf5;--muted: #9aa3b2;--accent: #7c5cff;--accent-2: #2dd4bf;--border: rgba(255, 255, 255, .08);--shadow: 0 20px 50px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top,#1a1f2e 0%,#0b0d12 45%,#090a0f 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.page{max-width:1200px;margin:0 auto;padding:32px 24px 48px}.hero{display:flex;flex-direction:column;gap:64px;padding:12px 0 64px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:700;letter-spacing:.5px;font-size:1.1rem}.nav-links{display:flex;gap:20px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.cta{background:var(--accent);padding:10px 18px;border-radius:999px;font-weight:600;box-shadow:0 10px 20px #7c5cff59}.hero-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--accent-2);font-weight:600;margin-bottom:16px;font-size:.75rem}h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1;margin-bottom:18px}h1 span{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;color:transparent}.lead{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:520px}.hero-actions{display:flex;gap:16px;margin:28px 0 32px}.primary,.ghost,.secondary{padding:12px 20px;border-radius:999px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b0d12}.ghost{border-color:var(--border);color:var(--text);background:transparent}.secondary{width:100%;background:#101726;border:1px solid var(--border);color:var(--text)}.stats{display:flex;gap:28px;color:var(--muted)}.stats strong{color:var(--text);font-size:1.4rem;display:block}.hero-card{position:relative;background:var(--card);padding:28px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.hero-card .glow{position:absolute;inset:-40% 20% auto;height:220px;background:radial-gradient(circle,rgba(124,92,255,.35),transparent 60%);filter:blur(2px)}.hero-card h3{font-size:1.4rem;margin-bottom:12px}.hero-card ul{list-style:none;display:grid;gap:10px;margin:18px 0 22px;color:var(--muted)}.section{padding:64px 0;border-top:1px solid var(--border)}.section-header{display:grid;gap:14px;max-width:620px;margin-bottom:32px}.section-header p{color:var(--muted);line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:var(--surface);padding:22px;border-radius:16px;border:1px solid var(--border);display:grid;gap:16px;transition:transform .3s ease,border .3s ease}.card:hover{transform:translateY(-6px);border-color:#7c5cff66}.card-top{display:flex;align-items:center;justify-content:space-between}.card p{color:var(--muted);line-height:1.6}.card-link{color:var(--accent-2);font-weight:600;font-size:.9rem}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{font-size:.75rem;padding:6px 12px;background:rgba(124,92,255,.1);border-radius:999px;border:1px solid rgba(124,92,255,.2)}.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.about p{color:var(--muted);line-height:1.8;margin-top:16px}.skill-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.skills span{border:1px solid var(--border);padding:8px 14px;border-radius:12px;font-size:.85rem}.contact{display:grid;gap:18px;text-align:center}.contact p{color:var(--muted)}.contact-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.footer{padding:32px 0 12px;display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border)}@media (max-width: 720px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.stats{flex-direction:column}.footer{flex-direction:column;gap:8px}}