*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1120;--bg-soft:#111827;--card:#0f172ab8;--card-border:#94a3b829;--text:#e5e7eb;--muted:#94a3b8;--accent:#38bdf8;--accent-strong:#22d3ee;--white:#fff;--shadow:0 20px 60px #00000059}html,body,#root{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#020617;background-image:radial-gradient(circle at 0 0,#38bdf814,#0000 30%),radial-gradient(circle at 100% 0,#22d3ee0d,#0000 25%),linear-gradient(#020617,#0b1120 30%,#0f172a 100%);background-repeat:no-repeat}body{min-height:100dvh;color:var(--text);background-color:#0000;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}#root{background-color:#0000;min-height:100dvh}a{color:inherit;text-decoration:none}.container{width:min(1120px,90%);margin:0 auto}.section{padding:6rem 0}.alt-background{background:#ffffff05;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.accent{color:var(--accent)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617b8;border-bottom:1px solid #94a3b81f;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;min-height:80px;display:flex}.logo{letter-spacing:.3px;font-size:1.1rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--muted);font-weight:500;transition:all .2s}.nav-links a:hover{color:var(--white)}.hero{align-items:center;min-height:100vh;display:flex;position:relative}.hero-content{max-width:820px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;margin-bottom:1.25rem;font-size:.85rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);line-height:1.05}.hero-text{color:#cbd5e1;max-width:720px;margin-bottom:2rem;font-size:1.15rem}.hero-tags{flex-wrap:wrap;gap:.9rem;margin-bottom:2.2rem;display:flex}.hero-tags span{color:#dbeafe;background:#0f172ab3;border:1px solid #38bdf82e;border-radius:999px;padding:.7rem 1rem;font-size:.95rem}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.primary-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;padding:.95rem 1.4rem;font-weight:700;transition:all .2s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#00111a;box-shadow:0 10px 30px #22d3ee38}.secondary-button{color:var(--text);background:#0f172a73;border:1px solid #94a3b82e}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.section h2{letter-spacing:-1px;margin-bottom:1.2rem;font-size:clamp(2rem,5vw,2.8rem)}.section-text{color:#cbd5e1;max-width:760px;margin-bottom:1rem;font-size:1.05rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:2rem;display:grid}.skill-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#dbeafe;box-shadow:var(--shadow);border-radius:18px;padding:1rem 1.1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:22px;padding:1.6rem;transition:all .25s}.project-card:hover{border-color:#38bdf847;transform:translateY(-6px)}.project-card h3{margin-bottom:.9rem;font-size:1.35rem}.project-card p{color:#cbd5e1;margin-bottom:1rem}.tech-list{color:var(--accent);font-size:.95rem;font-weight:600}.project-links{flex-wrap:wrap;gap:1rem;margin-top:1.2rem;display:flex}.project-links a{color:var(--white);font-weight:700}.project-links a:hover{color:var(--accent)}.contact-links{flex-wrap:wrap;gap:1.2rem;margin-top:2rem;display:flex}.contact-links a{color:var(--accent);background:#0f172a8c;border:1px solid #94a3b829;border-radius:14px;padding:.9rem 1.2rem;font-weight:700;display:inline-flex}.footer{text-align:center;color:var(--muted);background:#020617cc;border-top:1px solid #94a3b814;padding:2rem 0}@media (width<=768px){.navbar-content{flex-direction:column;justify-content:center;gap:1rem;padding:1rem 0}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero{min-height:auto;padding:7rem 0 5rem}.hero-text{font-size:1rem}.section{padding:4.5rem 0}}