*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#f5f7fa;font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20242b;position:sticky;top:0;background:#08090be8;backdrop-filter:blur(12px);z-index:5}.logo{font-size:1.45rem;font-weight:800}.logo span,em,.eyebrow{color:#ff5a36;font-style:normal}nav{display:flex;gap:28px;color:#a9afb8;font-size:.9rem}nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:1.4rem}.hero{min-height:calc(100vh - 76px);padding:8vw 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;max-width:1500px;margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(3rem,7vw,6.3rem);line-height:.98;letter-spacing:-.075em;margin:18px 0}.lead{font-size:1.08rem;color:#aeb4bd;max-width:700px}.actions{display:flex;gap:14px;margin:28px 0}.btn{padding:13px 21px;border:1px solid #343942;border-radius:999px;font-weight:700}.primary{background:#ff5a36;border-color:#ff5a36}.quick{color:#7f8791;font-size:.78rem}.hero-card{height:540px;max-width:500px;width:100%;margin-left:auto;border:1px solid #292d34;border-radius:34px;background:radial-gradient(circle at 50% 35%,#262a31,#111317 45%,#0b0c0e 75%);position:relative;display:grid;place-items:center;overflow:hidden}.avatar{width:205px;height:205px;border-radius:50%;display:grid;place-items:center;font-size:3.4rem;font-weight:800;background:#171a1f;border:1px solid #3a3f48;box-shadow:0 0 90px #ff5a3620;z-index:2}.orbit{position:absolute;border:1px solid #2c3037;border-radius:50%}.one{width:390px;height:390px;transform:rotate(-18deg)}.two{width:520px;height:240px;transform:rotate(45deg)}.caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:#8f969f;font-size:.7rem}.caption b{color:#fff}.section{padding:120px 6vw;max-width:1500px;margin:auto}.section>small{display:block;color:#737a84;letter-spacing:.2em;font-weight:800;margin-bottom:50px}.about{display:grid;grid-template-columns:.4fr 1fr;gap:7vw;border-top:1px solid #20242b}.section h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.03;letter-spacing:-.06em;margin:0 0 25px}.about p{max-width:780px;color:#aeb4bd}.grid{display:grid;gap:18px}.skills{grid-template-columns:repeat(3,1fr)}.skills article{background:#0d0f12;border:1px solid #252930;border-radius:20px;padding:30px;min-height:250px}.skills i{font-size:1.7rem;color:#ff6a48;font-style:normal}.skills h3{margin:22px 0 8px}.skills p,.projects p,.services p{color:#9097a1;font-size:.9rem}.skills label{display:inline-block;border:1px solid #30353d;border-radius:99px;padding:4px 8px;margin:12px 5px 0 0;font-size:.65rem;color:#b9bec6}.projects{grid-template-columns:repeat(3,1fr);margin-top:35px}.projects article{overflow:hidden;background:#0d0f12;border:1px solid #252930;border-radius:20px}.art{height:250px;padding:20px;display:flex;align-items:end;font-size:.68rem;font-weight:800;letter-spacing:.16em;position:relative;overflow:hidden}.art span{position:relative;z-index:2}.art:after{content:"";position:absolute;inset:auto -15% -45% 35%;height:180px;border:1px solid #ffffff33;border-radius:50%;transform:rotate(-18deg)}.a{background:linear-gradient(135deg,#1b1d23,#ff5a36)}.b{background:linear-gradient(135deg,#10151c,#7256ff)}.c{background:linear-gradient(135deg,#161b18,#23a87c)}.d{background:linear-gradient(135deg,#17141d,#e84f9b)}.e{background:linear-gradient(135deg,#101a1e,#1c9bc1)}.f{background:linear-gradient(135deg,#1b1712,#d58b36)}.body{padding:24px}.body small{color:#ff7758;letter-spacing:.14em;font-weight:800}.body h3{margin:8px 0}.body a{display:inline-block;margin-top:14px;font-weight:700;font-size:.8rem}.muted{color:#7f8791}.services{border-top:1px solid #20242b}.services>div{display:grid;grid-template-columns:70px 1fr 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #282c33}.services b{color:#ff6a48}.services h3{margin:0}.services p{margin:0}.contact{margin:0 6vw 60px;border-radius:28px;background:#ff5a36;color:#090a0b;padding:70px 6vw;display:grid;grid-template-columns:1fr .7fr;gap:5vw;align-items:end}.contact .eyebrow{color:#181a1d}.contact h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.07em;margin:10px 0}.links{display:flex;flex-direction:column;gap:15px;font-weight:800}.links a{border-bottom:1px solid #0004;padding-bottom:9px}footer{padding:30px 6vw;color:#656b74;border-top:1px solid #20242b;font-size:.72rem;display:flex;justify-content:space-between}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-card{max-width:none;height:420px;margin:0}.skills,.projects{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr}.menu{display:block}nav{display:none}.services>div{grid-template-columns:50px 1fr}.services p{grid-column:2}}@media(max-width:560px){header,.hero,.section{padding-left:5vw;padding-right:5vw}.contact{margin-left:5vw;margin-right:5vw;padding:45px 7vw}footer{flex-direction:column;gap:8px}}