.card{background:var(--surface);border:var(--b) solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-x) var(--shadow-y) 0 var(--shadow-color);padding:18px;transition:transform .2s,box-shadow .2s}.cardInset{border:var(--b) solid var(--border-strong);border-radius:calc(var(--radius) - 2px);background:var(--surface-2);padding:14px}.lift{transition:transform .18s,box-shadow .18s}.lift:hover{box-shadow:calc(var(--shadow-x) + 8px) calc(var(--shadow-y) + 8px) 0 var(--shadow-color);transform:translate(-5px,-5px)}.btn{appearance:none;border:var(--b) solid var(--border-strong);letter-spacing:.02em;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:6px 6px 0 var(--shadow-color);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,color .16s,border-color .16s;display:inline-flex}.btn:hover{box-shadow:12px 12px 0 var(--shadow-color);background:#fff;transform:translate(-3px,-3px)}.btnPrimary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:6px 6px 0 var(--shadow-color)}.btnPrimary:hover{box-shadow:12px 12px 0 var(--shadow-color);background:var(--accent);filter:brightness(1.1)}.pill{border:2px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:4px 4px 0 var(--shadow-color);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;transition:transform .16s,box-shadow .16s;display:inline-flex}.pill:hover{box-shadow:5px 5px 0 var(--shadow-color);transform:translate(-1px,-1px)}.navPill{color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;transition:background .14s,transform .14s;display:inline-flex}.navPill:hover{background:#ffffffa6;transform:translate(-1px,-1px)}.dot{background:var(--accent);border-radius:2px;width:10px;height:10px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 0 2px #0a0a0f2e}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.progressRow{grid-template-columns:1fr auto;align-items:center;gap:10px;margin:10px 0 0;display:grid}.progressLabel{color:var(--muted);letter-spacing:.02em;font-weight:700}.progress{border:2px solid var(--border-strong);background:#fff;border-radius:999px;grid-column:1/-1;height:14px;overflow:hidden}.progressFill{background:repeating-linear-gradient(90deg, var(--accent) 0 14px, #1d4ed859 14px 28px);height:100%}.input{border:2px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:12px}.textarea{resize:vertical;min-height:120px}.muted{color:var(--muted)}.muted2{color:var(--muted-2)}.heroPanel{border:var(--b) solid var(--border-strong);border-radius:calc(var(--radius) + 10px);box-shadow:var(--shadow-x) var(--shadow-y) 0 var(--shadow-color);color:#f3f4f6;background:radial-gradient(900px 540px at 20% 10%,#a855f759,#0000 55%),radial-gradient(720px 520px at 92% 45%,#1d4ed840,#0000 58%),radial-gradient(980px 620px at 50% 120%,#f9731638,#0000 55%),linear-gradient(#0a0a0ff5,#0a0a0feb);padding:clamp(18px,3vw,34px);position:relative;overflow:hidden}.heroPanel :where(.h1,.h2,.h3){color:#f3f4f6}.heroPanel .lead,.heroPanel .muted,.heroPanel .muted2{color:#f3f4f6c7}.heroPanel .pill{color:#f3f4f6;background:#ffffff14;border-color:#ffffff38;box-shadow:4px 4px #000000b3}.heroPanel .dot{box-shadow:0 0 0 2px #ffffff2e}.heroLayout{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(18px,3vw,36px);display:grid}.heroTitle{letter-spacing:-.04em;text-transform:none;margin:0;font-size:clamp(38px,5.2vw,64px);line-height:.98}.heroTitleAccent{color:#a855f7}.heroRole{color:#f3f4f6d9;letter-spacing:.02em;align-items:center;gap:10px;margin-top:10px;font-weight:700;display:inline-flex}.heroRole:before{content:"";background:#f3f4f699;width:18px;height:2px}.heroActions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.heroSocials{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.heroAvatarWrap{place-items:center;min-height:320px;display:grid;position:relative}.heroAvatarRing{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#a855f7e6,#0000 45%),radial-gradient(circle at 70% 70%,#1d4ed8d9,#0000 48%),#ffffff0f;border:2px solid #ffffff2e;border-radius:999px;place-items:center;width:min(340px,72vw);display:grid;box-shadow:0 0 0 12px #a855f71f,14px 14px #000000bf}.heroAvatar{background:radial-gradient(circle at 40% 30%,#ffffff24,#ffffff0a);border:3px solid #ffffff38;border-radius:999px;width:calc(100% - 32px);height:calc(100% - 32px);overflow:hidden}.heroAvatar img{object-fit:cover;width:100%;height:100%}.heroAvatarPlaceholder{letter-spacing:-.02em;background:repeating-linear-gradient(135deg,#ffffff1f 0 10px,#ffffff0a 10px 20px);place-items:center;width:100%;height:100%;font-size:clamp(34px,5vw,54px);font-weight:900;display:grid}.heroOrb{filter:blur(.1px);opacity:.9;background:radial-gradient(circle at 30% 25%,#ffffff52,#a855f7cc);border-radius:999px;width:86px;height:86px;position:absolute;box-shadow:0 0 0 10px #a855f71f,0 0 0 2px #ffffff2e}.heroOrbRight{top:24px;right:18px}.heroOrbLeft{opacity:.7;top:60%;left:-18px;transform:translateY(-50%)scale(.85)}@media (width<=900px){.heroLayout{grid-template-columns:1fr}.heroAvatarWrap{min-height:260px;margin-top:18px}.heroOrbLeft{display:none}}.aboutPanel{border:var(--b) solid var(--border-strong);border-radius:calc(var(--radius) + 10px);box-shadow:var(--shadow-x) var(--shadow-y) 0 var(--shadow-color);background:#ffffffb8;padding:clamp(18px,3vw,34px)}.aboutLayout{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(18px,3vw,40px);display:grid}.aboutGreeting{letter-spacing:.02em;font-size:14px}.aboutBigTitle{letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-4) 50%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:10px 0 0;font-size:clamp(44px,6vw,72px);line-height:.95;animation:8s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.aboutBody{gap:14px;max-width:68ch;margin-top:14px;display:grid}.aboutPortraitWrap{place-items:center;min-height:360px;display:grid;position:relative}.aboutPortraitRing{aspect-ratio:1;border:var(--b) solid var(--border-strong);width:min(420px,80vw);box-shadow:14px 14px 0 var(--shadow-color);background:radial-gradient(circle at 30% 20%,#f9731647,#0000 45%),radial-gradient(circle at 70% 70%,#1d4ed83d,#0000 55%),#f43f5e;border-radius:999px;place-items:center;animation:6s ease-in-out infinite portraitFloat;display:grid}@keyframes portraitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.aboutPortrait{border:var(--b) solid var(--border-strong);background:#ffffff59;border-radius:999px;width:calc(100% - 44px);height:calc(100% - 44px);overflow:hidden}.aboutPortrait img{object-fit:cover;width:100%;height:100%}.aboutPortraitPlaceholder{background:repeating-linear-gradient(135deg,#0a0a0f1f 0 10px,#0a0a0f0a 10px 20px);place-items:center;width:100%;height:100%;font-size:clamp(38px,5vw,58px);font-weight:900;display:grid}.aboutBubble{border:3px solid var(--border-strong);background:var(--surface);width:54px;height:54px;box-shadow:8px 8px 0 var(--shadow-color);letter-spacing:.02em;border-radius:999px;place-items:center;font-size:12px;font-weight:900;animation:3s ease-in-out infinite bubbleBounce;display:grid;position:absolute}@keyframes bubbleBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}.aboutBubbleTop{animation-delay:0s;top:48px;left:38px}.aboutBubbleRight{animation-delay:1s;top:34%;right:26px}.aboutBubbleBottom{animation-delay:2s;bottom:64px;right:64px}@media (width<=900px){.aboutLayout{grid-template-columns:1fr}.aboutPortraitWrap{min-height:300px;margin-top:18px}.aboutBubbleTop{top:22px;left:12px}.aboutBubbleRight{right:12px}.aboutBubbleBottom{bottom:34px;right:38px}}:root{--bg:#d0e4ff;--surface:#fff;--surface-2:#f8fbff;--text:#0a0a0f;--muted:#0a0a0fbf;--muted-2:#0a0a0f99;--border:#0a0a0f40;--border-strong:#0a0a0f;--shadow-color:#0a0a0f;--accent:#2563eb;--accent-2:#f97316;--accent-3:#22c55e;--accent-4:#a855f7;--grid:#0a0a0f1a;--nav-bg:#ffffffe6;--radius:10px;--b:3px;--shadow-x:10px;--shadow-y:10px;--container:1120px;--gutter:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;line-height:1.4}html{scroll-behavior:smooth}body{background: linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px),  radial-gradient(900px 680px at 16% -10%, #1d4ed847, transparent 55%), radial-gradient(860px 660px at 110% 10%, #f9731640, transparent 55%), radial-gradient(900px 700px at 50% 120%, #a855f733, transparent 50%), var(--bg);color:var(--text);background-size:44px 44px,44px 44px,auto,auto,auto,auto;margin:0;animation:20s ease-in-out infinite alternate backgroundShift}@keyframes backgroundShift{0%{background-position:0 0,0 0,16% -10%,110% 10%,50% 120%}to{background-position:0 0,0 0,20% -8%,108% 12%,48% 118%}}*{box-sizing:border-box}a{color:inherit;text-decoration:none}img,svg{display:block}.techIconWrap{border:2px solid var(--border-strong);background:var(--surface);width:44px;height:44px;box-shadow:6px 6px 0 var(--shadow-color);border-radius:12px;flex:none;place-items:center;transition:transform .2s,box-shadow .2s;display:grid}.techIconWrap:hover{box-shadow:8px 8px 0 var(--shadow-color);transform:translate(-2px,-2px)}.techIcon{font-size:24px;line-height:1;animation:2s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.techIconImg{object-fit:contain;width:26px;height:26px}.techIconText{letter-spacing:-.02em;font-weight:900}.servicesActions{justify-content:center;margin-top:18px;display:flex}.servicesToggleBtn{border:2px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:6px 6px 0 var(--shadow-color);border-radius:999px;padding:10px 18px;font-weight:800;transition:transform .12s,box-shadow .12s}.servicesToggleBtn:hover{box-shadow:7px 7px 0 var(--shadow-color);transform:translate(-1px,-1px)}.servicesToggleBtn:active{box-shadow:4px 4px 0 var(--shadow-color);transform:translate(1px,1px)}::selection{color:var(--text);background:#2563eb4d}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:0 auto}.section{padding:88px 0}.sectionHeader{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.h1{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(44px,7vw,72px);line-height:.95}.h2{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05}.h3{letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:22px;line-height:1.1}.lead{color:var(--muted);max-width:70ch;margin:10px 0 0;font-size:16px}.skipLink{border:2px solid var(--border-strong);background:var(--surface);box-shadow:6px 6px 0 var(--shadow-color);border-radius:999px;padding:10px 12px;transition:transform .12s;position:absolute;top:10px;left:12px;transform:translateY(-140%)}.skipLink:focus-visible{transform:translateY(0)}.grid12{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.span5,.span6,.span7{grid-column:1/-1}.stack{gap:12px;display:grid}.contactFormGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.statsGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.heroMiniGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}@media (width>=901px){.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}}@media (width<=900px){.section{padding:64px 0}.grid12{grid-template-columns:1fr;gap:14px}.contactFormGrid{grid-template-columns:1fr}.statsGrid,.heroMiniGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.statsGrid,.heroMiniGrid{grid-template-columns:1fr}}