*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#111418;font-family:Inter,Arial,sans-serif}main{background:radial-gradient(circle at 10% 5%,#ff792c1c,#0000 25%),radial-gradient(circle at 90% 0,#ffffff14,#0000 20%),linear-gradient(#14181d 0%,#0d1014 100%);min-height:100vh}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1014c7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 7%;display:flex;position:sticky;top:0}.nav strong{color:#f8f0e7}.nav a{color:#b7babf;margin-left:22px;font-size:14px;text-decoration:none}.nav a:hover{color:#ff8a3d}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;min-height:86vh;padding:80px 7%;display:grid}.eyebrow{color:#ff8a3d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-2.7px;max-width:900px;font-size:62px;line-height:.98}.hero p,.section p,.contact p{color:#bfc3c9;font-size:17px;line-height:1.8}.hero p{max-width:760px;margin-top:24px}.buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary,.secondary,.contactLinks a,.emailLink{border-radius:999px;padding:14px 22px;font-weight:800;text-decoration:none;display:inline-block}.primary{color:#111418;background:#ff7a2f}.secondary{color:#fff;background:#ffffff0a;border:1px solid #ffffff24}.heroPanel{background:linear-gradient(135deg,#ffffff14,#ffffff06);border:1px solid #ffffff17;border-radius:34px;padding:24px;box-shadow:0 30px 90px #00000073}.profileCard{background:linear-gradient(135deg,#ff7a2f40,#ffffff0a),#191d23;border:1px solid #ffffff17;border-radius:28px;align-items:end;gap:18px;min-height:320px;padding:28px;display:flex;overflow:hidden}.profileCard img{object-fit:cover;background:#fff;border-radius:28px;width:140px;height:140px}.profileCard h3{font-size:28px}.profileCard p{color:#c7c9cf;margin-top:6px;font-size:14px}.panelGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.miniCard{background:#15191f;border:1px solid #ffffff14;border-radius:22px;padding:20px}.miniCard strong{color:#fff;font-size:23px;display:block}.miniCard span{color:#989da6;margin-top:6px;font-size:13px;display:block}.section{padding:88px 7%}.section h2{max-width:900px;margin-bottom:22px;font-size:44px;line-height:1.1}.serviceGrid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px;display:grid}.serviceCard,.projectCard,.skillCard,.timelineCard{background:#171b21;border:1px solid #ffffff14;box-shadow:0 24px 70px #00000047}.serviceCard{border-radius:26px;padding:26px}.serviceCard div{font-size:34px}.serviceCard h3{margin-top:18px;font-size:22px}.serviceCard p{color:#aeb3bb;margin-top:12px;font-size:14px}.projectsSection{background:#ffffff04}.projects{grid-template-columns:repeat(2,1fr);gap:26px;margin-top:34px;display:grid}.projectCard{border-radius:30px;transition:all .25s;overflow:hidden}.projectCard:hover{border-color:#ff7a2f6b;transform:translateY(-6px)}.projectCard img{object-fit:cover;cursor:zoom-in;border-bottom:1px solid #ffffff14;width:100%;height:310px;display:block}.projectBody{padding:26px}.projectBody>span{color:#ff8a3d;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.projectCard h3{margin:10px 0 12px;font-size:28px}.projectCard p{font-size:15px}.stack{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.stack small,.skillCard span{color:#c7cbd2;background:#101318;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px}.thumbs{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.thumbs button{color:#e8e8e8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:8px 11px}.projectCard a{color:#ff8a3d;margin-top:18px;font-weight:800;text-decoration:none;display:inline-block}.experience{background:#12161b}.timeline{gap:18px;margin-top:34px;display:grid}.timelineItem{grid-template-columns:20px 1fr;gap:18px;display:grid}.dot{background:#ff7a2f;border-radius:50%;width:12px;height:12px;margin-top:24px}.timelineCard{border-radius:20px;padding:22px}.timelineCard p{color:#9da3ad;margin-top:6px}.skillGrid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px;display:grid}.skillCard{border-radius:26px;padding:24px}.skillCard h3{margin-bottom:18px}.skillCard div{flex-wrap:wrap;gap:9px;display:flex}.contact{text-align:center;background:radial-gradient(circle at 100% 0,#ff7a2f3d,#0000 35%),#171b21;border:1px solid #ffffff17;border-radius:34px;margin:80px 7%;padding:60px}.contact h2{margin-bottom:14px;font-size:44px}.emailLink{color:#111418;background:#ff7a2f;margin-top:28px}.contactLinks{justify-content:center;gap:14px;margin-top:18px;display:flex}.contactLinks a{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f}footer{text-align:center;color:#8f96a1;border-top:1px solid #ffffff12;padding:30px}.lightbox{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightboxImage{border-radius:16px;max-width:94vw;max-height:90vh;box-shadow:0 30px 100px #0009}.lightbox button{color:#111418;cursor:pointer;background:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:28px;position:fixed;top:24px;right:28px}@media (width<=1000px){.hero,.projects,.serviceGrid,.skillGrid{grid-template-columns:1fr}.hero h1{font-size:42px}.nav div{display:none}.profileCard{min-height:240px}.projectCard img{height:240px}.contact{padding:35px 22px}}