:root{--bg:#08111f;--bg-soft:#101c30;--card:#13243b;--card-2:#0f1a2c;--text:#f5f8ff;--muted:#aab7cb;--line:#f5f8ff1f;--blue:#3a529f;--red:#d92737;--white:#f5f8ff;--shadow:0 24px 70px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #3a529f59, transparent 35%), radial-gradient(circle at top right, #d927372e, transparent 30%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#08111fc7;justify-content:space-between;align-items:center;padding:18px 7vw;display:flex;position:sticky;top:0}.brand{justify-content:center;align-items:center;text-decoration:none;display:flex}.brand img{filter:drop-shadow(0 0 8px #3a529f66)drop-shadow(0 0 12px #d9273740);width:auto;height:64px}.brand:hover img{transform:scale(1.05)}nav{color:var(--muted);gap:20px;font-size:14px;display:flex}nav a:hover{color:var(--white)}main{overflow:hidden}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:center;gap:54px;min-height:86vh;padding:90px 7vw 40px;display:grid}.hero-photo-card{height:560px;box-shadow:var(--shadow);background:var(--card);cursor:grab;border:1px solid #f5f8ff29;border-radius:30px;position:relative;overflow:hidden}.hero-photo-card:active{cursor:grabbing}.hero-photo-card img{object-fit:cover;filter:brightness(.68)contrast(1.12)saturate(1.25);width:100%;height:100%}.hero-photo-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08111f8c,#0000 45%),linear-gradient(135deg,#3a529f59,#d9273738);position:absolute;inset:0}.code-overlay{z-index:3;color:#f5f8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f5f8ff2e;border-radius:14px;padding:14px;font-family:Fira Code,monospace;font-size:11px;line-height:1.7;position:absolute;box-shadow:0 18px 45px #00000059}.code-overlay span{display:block}.main-screen-code{width:255px;transition:left .12s cubic-bezier(.2,.9,.2,1.2),top .12s cubic-bezier(.2,.9,.2,1.2),opacity .12s}.code-overlay{transform:translate(-50%,-50%)}.laptop-code{width:215px;bottom:22%;left:40%}.tools-strip{border:1px solid var(--line);background:#f5f8ff0a;border-radius:24px;grid-column:1/-1;align-items:center;gap:40px;width:100%;padding:24px 30px;display:flex}.tools-title{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-right:8px;font-size:12px;font-weight:800}.tool-item{align-items:center;gap:12px;display:flex}.tool-item i{font-size:32px}.tool-item span{color:#dbe5ff;font-weight:600}.tool-item strong{font-size:14px}.eyebrow,.section-title p,.domain,.category,.status{color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.08em;margin:10px 0;font-size:clamp(54px,9vw,112px);line-height:.9}.hero h2{color:#dbe5ff;max-width:780px;margin:0;font-size:clamp(26px,4vw,48px);line-height:1.05}.hero-summary{max-width:720px;color:var(--muted);font-size:19px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-weight:800;display:inline-flex}.primary{background:var(--white);color:#07101d}.secondary{border:1px solid var(--line);color:var(--white)}.hero-card,.card,.experience-card,.blog-card,.architecture-box,.contact-form{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff0e,#ffffff06);border-radius:28px}.hero-card{flex-direction:column;justify-content:flex-end;align-self:stretch;min-height:280px;padding:32px;display:flex}.hero-card svg{color:var(--red)}.hero-card p,.card p,.blog-card p,.experience-card p,.section-title span{color:var(--muted);line-height:1.7}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;padding:0 7vw 70px;display:grid}.metric{border:1px solid var(--line);background:#f5f8ff0a;border-radius:24px;padding:24px}.metric strong{font-size:34px;display:block}.metric span{color:var(--muted)}.section{padding:80px 7vw}.alt{background:#f5f8ff09}.section-title{max-width:900px;margin-bottom:34px}.section-title h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(30px,5vw,54px);line-height:1}.github-link{color:#f5f8ff;background:#3a529f14;border:1px solid #3a529f40;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;width:fit-content;margin-top:10px;padding:.65rem .9rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.span-space{margin-bottom:18px}.about-grid,.project-grid,.blog-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card,.blog-card{padding:26px}.card h3,.blog-card h3,.experience-card h3{margin-top:0;font-size:22px}.tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tags span,.topic-list span{border:1px solid var(--line);color:#dbe5ff;background:#3a529f26;border-radius:999px;padding:8px 10px;font-size:13px}.timeline{gap:18px;display:grid}.experience-card{padding:28px}.experience-card small{color:var(--muted)}.case-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px;display:grid}.project-card svg,.blog-card svg{color:var(--blue)}.architecture-box{grid-template-columns:.9fr 1.1fr;gap:30px;padding:30px;display:grid}.architecture-intro ol{color:var(--muted);line-height:2}.architecture-intro svg{color:var(--red)}.topic-list{flex-wrap:wrap;align-content:center;gap:12px;display:flex}.blog-card footer{color:var(--muted);margin-top:22px;font-size:14px}.contact-section{grid-template-columns:1fr 1fr;align-items:start;gap:34px;display:grid}.contact-list p{color:var(--muted);align-items:center;gap:10px;display:flex}.contact-list svg{color:var(--red)}.contact-form{gap:14px;padding:24px;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--white);font:inherit;background:#08111f99;border-radius:16px;padding:14px 16px}button{color:var(--white);background:linear-gradient(135deg, var(--blue), var(--red));cursor:pointer;border:0;border-radius:16px;padding:15px 18px;font-weight:900}.footer{color:var(--muted);border-top:1px solid var(--line);padding:35px 7vw}@media (width<=1000px){nav{display:none}.hero,.contact-section,.architecture-box{grid-template-columns:1fr}.hero-photo-card{height:430px}.metrics,.about-grid,.project-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}.tools-strip{flex-wrap:wrap}}@media (width<=620px){.hero{padding-top:60px}.metrics,.about-grid,.project-grid,.blog-grid{grid-template-columns:1fr}.button{justify-content:center;width:100%}}