:root{color:#111318;background:#05184d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(0,191,255,.54),transparent 24rem),radial-gradient(circle at 88% 8%,rgba(86,102,255,.58),transparent 25rem),radial-gradient(circle at 50% 70%,rgba(35,82,255,.48),transparent 32rem),linear-gradient(135deg,#04113b,#0b185f 45%,#10154c);color:#f8fbff}a{color:inherit;text-decoration:none}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 56px}.nav-panel,.section-panel,.service-card,.project-card,.about-card{border:1px solid rgba(255,255,255,.48);box-shadow:0 28px 90px #0000004d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.nav-panel{position:sticky;top:18px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;margin-bottom:26px;padding:16px 22px;border-radius:8px;background:#eff4fcd6;color:#080a0f}.brand,.nav-cta,.button,.social-row a,.text-icon{display:inline-flex;align-items:center}.reveal{opacity:0;transform:translateY(28px);transition:opacity .68s ease,transform .68s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.text-icon{justify-content:center;min-width:24px;height:24px;font-size:.78rem;font-weight:900;letter-spacing:0}.brand{gap:10px;font-weight:800;white-space:nowrap}.brand span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#1b55ff,#7d91ff);color:#fff;font-size:.78rem}nav{display:flex;align-items:center;gap:28px;font-size:.9rem}nav a{color:#080a0fc2}.nav-cta{gap:9px;padding:13px 18px;border-radius:999px;background:#050507;color:#fff;font-size:.9rem;font-weight:700}.nav-cta span:last-child,.button span[aria-hidden=true]{transition:transform .18s ease}.nav-cta:hover span:last-child,.button:hover span[aria-hidden=true]{transform:translate(4px)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:end;min-height:720px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#eff3f9db,#d9e2f3d1);color:#06080d}.hero-word{position:absolute;top:106px;left:28px;right:28px;z-index:0;overflow:hidden;color:#ffffff94;font-size:clamp(4.8rem,14vw,11.2rem);font-weight:900;line-height:.85;letter-spacing:0;text-align:center;text-shadow:0 24px 38px rgba(11,29,88,.12)}.hero-copy{position:relative;z-index:2;max-width:560px;padding:0 0 34px 30px}.eyebrow,.section-kicker{margin:0 0 18px;font-size:.95rem;font-weight:650}h1,h2,h3,p{margin-top:0}h1{max-width:620px;margin-bottom:18px;color:#05070a;font-size:clamp(3.2rem,7.6vw,6rem);line-height:.96;letter-spacing:0}.hero-text{max-width:520px;margin-bottom:28px;color:#06080db8;font-size:1.08rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{gap:10px;min-height:50px;padding:0 21px;border-radius:999px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-3px)}.button.primary{background:#050507;color:#fff;box-shadow:0 15px 28px #0003}.button.secondary{background:#ffffff94;color:#06080d;border:1px solid rgba(255,255,255,.7)}.portrait-wrap{position:relative;z-index:1;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:560px}.portrait{position:relative;width:min(100%,420px);height:610px;overflow:hidden;border-radius:230px 230px 0 0;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.36),transparent 26%),linear-gradient(180deg,#2f5dff,#8fa3ff 58%,#e6edff00)}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;padding:0;filter:saturate(1.06) contrast(1.04);transform:scale(1.04);transform-origin:50% 100%}.portrait-glow{position:absolute;right:-20%;bottom:-8%;left:-20%;height:135px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(239,244,252,.46) 72%)}.floating-tag{position:absolute;z-index:5;display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:#ffffffc7;color:#171a22;box-shadow:0 18px 32px #12225029;font-weight:650;animation:floatTag 4.8s ease-in-out infinite}.tag-one{top:220px;left:-24px;transform:rotate(-8deg)}.tag-two{top:100px;right:20px;animation-delay:1.2s}.experience-card{position:absolute;right:28px;bottom:124px;z-index:4;display:flex;align-items:center;justify-content:space-between;width:min(320px,calc(100% - 48px));min-height:90px;padding:20px;border-radius:8px;background:#ffffffb8;box-shadow:0 22px 45px #202f582e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.experience-card span{max-width:150px;color:#070910a6;line-height:1.45}.experience-card strong{color:#05070a;font-size:2.1rem}.split-section,.services,.projects,.contact,.footer{margin-top:96px}.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.split-section h2,.section-heading h2,.contact h2{margin-bottom:0;font-size:clamp(2.1rem,4.2vw,4.1rem);line-height:1.04;letter-spacing:0}.about-card{min-height:260px;padding:30px;border-radius:8px;background:#f6f9ffe6;color:#080a0f}.about-card p{margin:24px 0 32px;color:#080a0fb8;font-size:1.1rem;line-height:1.65}.about-card span{display:inline-flex;padding:10px 14px;border-radius:999px;background:#eef3ff;font-weight:800}.section-heading{max-width:720px;margin-bottom:26px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.service-card{position:relative;min-height:390px;overflow:hidden;padding:22px;border-radius:8px;background:#f6f9ffeb;color:#080a0f;transform-style:preserve-3d}.service-card:nth-child(1),.service-card:nth-child(3){background:radial-gradient(circle at 70% 85%,rgba(255,255,255,.86),transparent 34%),linear-gradient(145deg,#2f58ff,#a3b1ff 52%,#f4f7ff);color:#fff}.service-card:nth-child(1) p,.service-card:nth-child(3) p{color:#ffffffd6}.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-card h3,.project-card h3{margin-bottom:12px;font-size:1.55rem;line-height:1.08}.service-card p{color:#080a0fad;line-height:1.58}.chips-visual,.mockup-visual,.gallery-visual,.orbit-visual{position:absolute;right:18px;bottom:18px;left:18px;height:142px}.chips-visual span,.stack-list span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border-radius:999px;background:#ffffffb8;color:#151820;font-size:.82rem;font-weight:700}.chips-visual{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:9px}.chips-visual span:nth-child(2),.chips-visual span:nth-child(4){transform:rotate(12deg)}.mockup-visual{display:grid;place-items:center;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 34px),linear-gradient(180deg,rgba(255,255,255,.35) 0 1px,transparent 1px 34px),linear-gradient(135deg,#8b94a5,#dce6ff)}.phone-card{display:grid;gap:8px;width:122px;min-height:72px;place-items:center;border-radius:8px;background:#ffffffe6;color:#2553ff;font-size:.68rem;font-weight:800;text-align:center;transform:rotate(4deg)}.gallery-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.gallery-visual span{height:86px;border-radius:8px;background:linear-gradient(145deg,#fffc,#5b76ffc7),radial-gradient(circle,rgba(6,12,28,.65),transparent 55%);box-shadow:inset 0 0 0 1px #ffffff70}.gallery-visual span:nth-child(2){height:104px}.orbit-visual{display:flex;align-items:flex-end;justify-content:space-around;background:radial-gradient(circle at 50% 100%,rgba(47,88,255,.38),transparent 58%)}.orbit-visual span{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:#07090e;color:#83a1ff;box-shadow:0 15px 28px #0003;animation:orbitFloat 3.5s ease-in-out infinite}.orbit-visual span:nth-child(2),.orbit-visual span:nth-child(4){animation-delay:.8s}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{overflow:hidden;border-radius:8px;background:#f6f9ffed;color:#07090f}.project-art{display:flex;align-items:flex-end;min-height:210px;padding:18px;background:radial-gradient(circle at 68% 28%,rgba(255,255,255,.88),transparent 20%),linear-gradient(145deg,#2855ff,#a7b6ff 58%,#f4f7ff)}.project-art span{display:inline-flex;padding:9px 13px;border-radius:999px;background:#ffffffc2;color:#080a0f;font-size:.82rem;font-weight:800}.art-2{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.82),transparent 18%),linear-gradient(145deg,#0c1f72,#6f88ff 56%,#d7e0ff)}.art-3{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.86),transparent 19%),linear-gradient(145deg,#11131b,#3f65ff 52%,#eaf0ff)}.art-4{background:radial-gradient(circle at 25% 24%,rgba(165,255,222,.82),transparent 20%),linear-gradient(145deg,#073c49,#26869a 52%,#d9fbff)}.art-5{background:radial-gradient(circle at 72% 25%,rgba(255,244,166,.9),transparent 20%),linear-gradient(145deg,#5b1747,#d25484 54%,#ffe5ee)}.art-6{background:radial-gradient(circle at 27% 28%,rgba(255,255,255,.86),transparent 19%),linear-gradient(145deg,#17203c,#3f7ac9 52%,#e3f1ff)}.project-body{padding:22px}.project-body p{color:#07090fad;line-height:1.58}.stack-list,.project-links,.social-row{display:flex;flex-wrap:wrap;gap:9px}.stack-list{margin:20px 0}.stack-list span{background:#eef3ff}.project-links{justify-content:flex-end;font-weight:850}.project-links a{display:inline-flex;align-items:center;gap:8px}.project-links a span{transition:transform .18s ease}.project-links a:hover span{transform:translate(4px)}.contact{min-height:470px;overflow:hidden;padding:clamp(30px,5vw,58px);border-radius:8px;background:radial-gradient(circle at 82% 18%,rgba(47,88,255,.78),transparent 22rem),linear-gradient(145deg,#f6f9fff0,#dae2f6e6);color:#07090f}.trusted-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-bottom:28px;padding:0 14px;border-radius:999px;background:#ffffffc2;font-weight:800}.contact h2{max-width:720px;margin-bottom:18px}.contact p{max-width:560px;color:#07090fad;font-size:1.08rem;line-height:1.65}.contact-button{margin-top:8px}.social-row{margin-top:34px}.social-row a{gap:9px;min-height:44px;padding:0 15px;border-radius:999px;background:#ffffffad;font-weight:800}.footer{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(230px,.8fr);gap:26px;align-items:center;padding:24px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:#061034a3;box-shadow:0 22px 70px #00000038;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.footer .brand{margin-bottom:14px;color:#fff}.footer-brand p,.footer-meta span{margin:0;color:#f8fbffad;line-height:1.55}.footer-links,.footer-meta{display:flex}.footer-links{gap:18px;justify-content:center;font-size:.94rem;font-weight:800}.footer-links a,.footer-meta a{color:#f8fbff}.footer-meta{flex-direction:column;align-items:flex-end;gap:10px;text-align:right;font-size:.94rem}.footer-meta a{font-weight:850}@keyframes floatTag{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes orbitFloat{0%,to{translate:0 0}50%{translate:0 -8px}}@media(max-width:980px){.nav-panel{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.hero{grid-template-columns:1fr;min-height:auto;padding-top:26px}.hero-copy{padding:24px}.portrait-wrap{min-height:500px;order:-1}.portrait{height:520px}.experience-card{bottom:32px}.split-section,.service-grid,.project-grid,.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-meta{align-items:flex-start;text-align:left}.service-card{min-height:330px}}@media(max-width:640px){.site-shell{width:min(100% - 20px,1120px);padding-top:12px}.nav-panel{position:static;justify-content:center;padding:14px}.brand{width:100%;justify-content:center}nav{gap:14px;overflow-x:auto;justify-content:flex-start;padding-bottom:3px}.nav-cta{width:100%;justify-content:center}.hero-word{top:94px;font-size:4.2rem}.hero-copy{padding:18px}h1{font-size:3.1rem}.portrait-wrap{min-height:400px}.portrait{width:310px;height:390px}.portrait img{object-position:50% 29%;padding-top:0;transform:scale(1.02)}.floating-tag{min-height:38px;padding:0 15px;font-size:.85rem}.tag-one{left:8px;top:140px}.tag-two{right:5px;top:76px}.experience-card{position:relative;right:auto;bottom:auto;width:calc(100% - 36px);margin:-34px auto 18px}.hero-actions,.button{width:100%}.button{justify-content:center}.split-section,.services,.projects,.contact,.footer{margin-top:64px}.footer{padding:20px}.footer-links{flex-wrap:wrap;gap:12px}}