body,html{overflow-x:hidden}body,main{width:100%}.nav a:hover,body{color:var(--text)}.ambient-stage,.cursor,.flying-spark,.mobile-menu,.noise,body::after,body::before{pointer-events:none}.mobile-menu-brand,.mobile-nav a,.section-title{font-family:"Space Grotesk",Inter,system-ui,sans-serif}.hamburger,.mobile-nav a,a,button{-webkit-tap-highlight-color:transparent}.achievement-card>*,.capabilities-grid>*,.experience-card>*,.flow-step>*,.hero-card,.hero-metrics>*,.hero>*,.orb-card,.process-card>*,.project-card>*,.skills-grid>*,.split-content>*,.story-section>*,.system-flow-showcase>*,pre{min-width:0}.nav a,pre{font-size:.88rem}*,pre{margin:0}.hero-card,.hero-title,.story-photo,.story-section{isolation:isolate}:root{--bg:#050711;--bg-soft:#0b1020;--text:#f5f7fb;--muted:#9aa4bd;--muted-2:#6f7890;--line:rgba(255, 255, 255, 0.12);--glass:rgba(255, 255, 255, 0.07);--glass-strong:rgba(255, 255, 255, 0.12);--primary:#7c5cff;--primary-2:#00e5ff;--accent:#ff4ecd;--success:#7cffb2;--warning:#ffd166;--ember:#ff7a59;--electric:#b8ff5d;--ink:#111827;--shadow:0 24px 70px rgba(0, 0, 0, 0.38);--radius-xl:34px;--radius-lg:24px;--radius-md:16px;--max:1180px}*{box-sizing:border-box;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{max-width:100%;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(124,92,255,.18),transparent 34rem),radial-gradient(circle at 85% 15%,rgba(0,229,255,.12),transparent 32rem),radial-gradient(circle at 50% 95%,rgba(255,78,205,.08),transparent 34rem),var(--bg)}body::before{position:fixed;inset:0;z-index:-3;content:"";background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 72%)}body::after{position:fixed;inset:auto -20% -35% -20%;z-index:-2;content:"";height:42vh;background:radial-gradient(ellipse at center,rgba(124,92,255,.1),transparent 62%);filter:blur(18px)}a{color:inherit;text-decoration:none}main{display:flex;flex-direction:column;overflow-x:clip}#hero{order:1}@media (max-width:767px),(pointer:coarse){#hero{order:1}}.marquee-section{order:2}.projects-section{order:3}.system-flow-section{order:4}.experience-section{order:5}#skills,.skills-section{order:6}.split-section{order:7}.story-section{order:8}.my-world-section{order:9}.achievements-section{order:10}.education-section{order:11}.capabilities-section{order:12}.contact-section{order:13}canvas,img,svg{display:block;max-width:100%}::selection{color:#07101f;background:var(--primary-2)}.noise{position:fixed;inset:0;z-index:50;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;top:0;left:0;z-index:100;width:0%;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-2),var(--accent));box-shadow:0 0 16px rgba(0,229,255,.34)}.ambient-stage{position:fixed;inset:0;z-index:-1;overflow:hidden;contain:layout paint}.ambient-mesh,.ambient-ribbon,.ambient-wire{position:absolute;display:block;will-change:transform}.ambient-ribbon{opacity:.18;filter:blur(.4px);mix-blend-mode:screen;clip-path:polygon(0 42%,72% 0,100% 22%,30% 100%);background:linear-gradient(110deg,transparent 0 16%,rgba(0,229,255,.62) 35%,rgba(255,78,205,.4) 62%,transparent 82%),repeating-linear-gradient(115deg,rgba(255,255,255,.2) 0 1px,transparent 1px 18px);animation:24s ease-in-out infinite alternate ribbonDrift}.ribbon-one{top:10vh;left:-14vw;width:clamp(280px,42vw,620px);height:clamp(130px,18vw,240px);transform:rotate(-12deg)}.ribbon-two{right:-18vw;bottom:24vh;width:clamp(300px,48vw,720px);height:clamp(120px,16vw,230px);transform:rotate(18deg);animation-delay:-6s;background:linear-gradient(110deg,transparent 0 15%,rgba(184,255,93,.46) 36%,rgba(0,229,255,.34) 64%,transparent 84%),repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 1px,transparent 1px 20px)}.ribbon-three{top:56vh;left:7vw;width:clamp(210px,30vw,420px);height:clamp(88px,10vw,150px);display:none;opacity:.14;transform:rotate(32deg);animation-delay:-10s;background:linear-gradient(110deg,transparent 0 18%,rgba(255,122,89,.52) 38%,rgba(255,209,102,.28) 62%,transparent 84%),repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 1px,transparent 1px 16px)}.ambient-wire{width:clamp(240px,34vw,560px);height:clamp(180px,28vw,460px);border:1px solid rgba(255,255,255,.1);opacity:.14;transform:rotate(-18deg);background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,transparent,black 20%,black 70%,transparent)}.wire-one{top:18vh;right:6vw}.wire-two{bottom:-8vh;left:-6vw;transform:rotate(14deg)}.ambient-mesh{right:10vw;bottom:8vh;width:min(48vw,680px);height:min(34vw,420px);opacity:.08;transform:skewY(-10deg) rotate(-6deg);background:linear-gradient(120deg,rgba(0,229,255,.18),transparent 36%),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 22px);mask-image:linear-gradient(135deg,transparent,black 24%,black 72%,transparent);animation:18s linear infinite meshSlide}.flying-spark{position:absolute;top:var(--top);left:-12vw;width:var(--size);height:2px;opacity:.28;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),rgba(0,229,255,.58),transparent);transform:rotate(-16deg);animation:flyAcross var(--duration) linear infinite;animation-delay:var(--delay)}.cursor,.mobile-menu{position:fixed;opacity:0}.cursor{top:0;left:0;z-index:200;width:18px;height:18px;border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s,opacity .2s,border-color .2s}.mobile-menu-glow,.site-header{left:50%;transform:translateX(-50%)}.cursor span{position:absolute;inset:5px;border-radius:inherit;background:#fff}.mobile-nav a,.nav a{position:relative;color:var(--muted)}.cursor.is-active{width:54px;height:54px;border-color:rgba(0,229,255,.9)}.site-header{position:fixed;top:20px;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(calc(100% - 36px),1180px);padding:12px 14px 12px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(5,7,17,.62);box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--primary));font-size:.72rem}.button-primary,.header-cta{color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--success))}.nav{display:flex;justify-content:center;gap:6px}.nav a{padding:10px 14px;border-radius:999px;font-weight:650;transition:color .2s,background .2s}.nav a::after{position:absolute;right:16px;bottom:7px;left:16px;height:2px;content:"";border-radius:99px;background:linear-gradient(90deg,var(--primary-2),var(--accent));transform:scaleX(0);transform-origin:center;transition:transform .2s}.nav a:hover{background:rgba(255,255,255,.06)}.nav a:hover::after{transform:scaleX(1)}.button,.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:999px;max-width:100%;font-weight:800;letter-spacing:-.01em;text-align:center;white-space:normal;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.header-cta{box-shadow:0 14px 36px rgba(0,229,255,.2)}.button:hover,.header-cta:hover{transform:translateY(-2px)}.button-primary{box-shadow:0 18px 46px rgba(0,229,255,.22)}.button-secondary,.mobile-menu-footer a:hover{color:var(--text)}.button-secondary{border-color:var(--line);background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.button-secondary:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.11)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);cursor:pointer;transition:border-color .3s,background .3s}.hamburger span{display:block;width:16px;height:2px;border-radius:2px;background:var(--text);transition:transform .35s cubic-bezier(.34, 1.56, .64, 1),opacity .25s,background .3s;transform-origin:center}.hamburger:hover{border-color:rgba(0,229,255,.35);background:rgba(255,255,255,.1)}.hamburger.is-active span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{inset:0;z-index:65;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;overflow-y:auto;padding:96px 20px 110px;background:rgba(5,7,17,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);visibility:hidden;transition:opacity .4s,visibility .4s}.capability-card,.experience-card{transition:transform .25s,border-color .25s}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-glow{position:absolute;top:20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.15),rgba(124,92,255,.1) 40%,transparent 70%);filter:blur(40px);pointer-events:none;opacity:.6}.skill-card,.skills-grid{transform-style:preserve-3d}.mobile-menu-brand{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--primary));font-size:1.05rem;font-weight:900;box-shadow:0 0 40px rgba(0,229,255,.2)}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-nav a{padding:12px 28px;border-radius:999px;font-size:1.55rem;font-weight:700;letter-spacing:-.04em;transition:color .3s,background .3s}.mobile-nav a::after{position:absolute;right:28px;bottom:8px;left:28px;height:2px;content:"";border-radius:99px;background:linear-gradient(90deg,var(--primary-2),var(--accent));transform:scaleX(0);transform-origin:center;transition:transform .3s}.mobile-nav a:focus-visible,.mobile-nav a:hover{color:var(--text);background:rgba(255,255,255,.06)}.mobile-nav a:focus-visible::after,.mobile-nav a:hover::after{transform:scaleX(1)}.mobile-menu-footer{position:absolute;bottom:40px;width:min(calc(100% - 32px),420px);text-align:center}.mobile-menu-footer p{color:var(--muted-2);font-size:.8rem;font-weight:600;margin-bottom:6px}.hero-metrics span,.mobile-menu-footer a{color:var(--primary-2)}.mobile-menu-footer a{font-size:.85rem;font-weight:700;overflow-wrap:anywhere;transition:color .2s}.section{position:relative;--section-depth:0px;width:min(calc(100% - 40px),var(--max));margin-inline:auto;padding-block:clamp(88px,12vw,150px)}.section-anchor{display:block;position:relative;top:-96px;height:0;pointer-events:none;visibility:hidden}.section::after{position:absolute;top:clamp(42px,8vw,92px);right:0;width:clamp(56px,9vw,140px);height:1px;content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,229,255,.65),rgba(255,122,89,.5));opacity:.24;transform:translateY(var(--section-depth))}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--primary-2);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.scroll-word,.section-title.scroll-split{color:rgba(154,164,189,.24)}.eyebrow::before,.section-kicker::before{width:8px;height:8px;content:"";border-radius:50%;background:currentColor;box-shadow:0 0 18px currentColor}.section-title{max-width:860px;font-size:clamp(2.4rem, 6vw, 5.8rem);font-weight:700;line-height:1.04;letter-spacing:0;overflow-wrap:anywhere}.hero-metrics span,.hero-metrics strong,.hero-title{font-weight:800;font-family:"Space Grotesk",Inter,system-ui,sans-serif}.scroll-word{--word-fill:0%;position:relative;display:inline-block;overflow:visible;line-height:1.08;will-change:transform}.hero-subtitle,.hero-title,.section-copy{overflow-wrap:anywhere}.scroll-word-base{color:inherit}.scroll-word-fill{position:absolute;inset:0;color:transparent;line-height:inherit;pointer-events:none;background:linear-gradient(100deg,#fff 0,#76f7ff 34%,#ff6dde 68%,#fff1a8 100%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;clip-path:inset(0 calc(100% - var(--word-fill)) 0 0);filter:none;text-shadow:none;will-change:clip-path}.contact-card p:not(.eyebrow),.section-copy{max-width:650px;margin-top:22px;line-height:1.8}.section-title.center{margin-inline:auto;text-align:center}.section-copy{color:var(--muted);font-size:1.05rem}.stream-one{--stream-angle:-18deg;top:18%;left:14%}.stream-two{--stream-angle:15deg;top:49%;right:4%;background:linear-gradient(90deg,transparent,rgba(255,78,205,.8),transparent);animation-delay:-1.2s}.stream-three{--stream-angle:-8deg;bottom:22%;left:28%;background:linear-gradient(90deg,transparent,rgba(124,255,178,.7),transparent);animation-delay:-2.1s}.rail-one{--rail-angle:31deg;right:4%;bottom:28%}.rail-two{--rail-angle:-27deg;top:30%;left:0;background:linear-gradient(90deg,transparent,rgba(124,92,255,.72),rgba(255,78,205,.4),transparent)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,0.72fr);align-items:center;gap:clamp(36px,6vw,84px);min-height:100svh;padding-top:130px}.hero::after,.hero::before{position:absolute;z-index:-1;content:"";pointer-events:none}.hero::before{top:18%;right:-7%;width:clamp(260px,34vw,520px);height:clamp(130px,18vw,260px);opacity:.32;clip-path:polygon(0 34%,72% 0,100% 30%,28% 100%);background:linear-gradient(115deg,transparent 0 10%,rgba(0,229,255,.45),rgba(255,78,205,.24),transparent 86%),repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 1px,transparent 1px 18px);transform:rotate(-8deg)}.hero::after{bottom:12%;left:-8%;width:clamp(220px,30vw,420px);height:clamp(90px,12vw,170px);opacity:.16;clip-path:polygon(10% 0,100% 44%,88% 100%,0 52%);background:linear-gradient(100deg,rgba(184,255,93,.34),rgba(255,122,89,.22),transparent);transform:rotate(14deg)}.hero-title{position:relative;--shine-x:-140%;--shine-opacity:0;--title-glow:0.55;display:inline-grid;max-width:820px;font-size:clamp(3.2rem, 8.6vw, 8.8rem);line-height:.9;letter-spacing:0;color:var(--text);filter:drop-shadow(
      0 20px 42px rgba(0, 229, 255, calc(var(--title-glow) * .22))
    ) drop-shadow(0 2px 0 rgba(255, 255, 255, .08))}.hero-title::after,.hero-title::before,.story-photo::after,.story-photo::before{position:absolute;content:"";pointer-events:none}.hero-title::before{inset:-0.16em -0.12em -0.12em;z-index:-2;opacity:var(--title-glow);border-radius:28px;background:radial-gradient(circle at 12% 28%,rgba(0,229,255,.38),transparent 28%),radial-gradient(circle at 78% 58%,rgba(255,78,205,.32),transparent 30%),linear-gradient(100deg,rgba(184,255,93,.14),transparent 48%);filter:blur(16px)}.hero-title::after{inset:-0.08em -0.18em;z-index:2;opacity:var(--shine-opacity);mix-blend-mode:screen;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.9) 48%,rgba(0,229,255,.72) 54%,transparent 66%);transform:translateX(var(--shine-x)) skewX(-14deg);will-change:transform,opacity}.hero-title .line{position:relative;display:block;overflow:visible;color:transparent;background:linear-gradient(100deg,#fff 0 14%,#74f7ff 30%,#fff 45%,#ff79df 66%,#fff1a8 100%);background-size:220% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,0.08);text-shadow:none}.hero-title .line::before{position:absolute;inset:0.08em -0.06em -0.02em;z-index:-1;content:"";opacity:.55;border-radius:999px;background:linear-gradient(90deg,rgba(0,229,255,.18),rgba(255,78,205,.12),transparent 74%);filter:blur(18px);transform:skewX(-10deg)}.hero-title .line:nth-of-type(2){margin-top:.02em;background-position:34% 50%}.hero-subtitle{max-width:620px;margin-top:28px;color:var(--muted);font-size:clamp(1rem, 1.7vw, 1.24rem);line-height:1.75}.contact-actions,.contact-card h2,.contact-card p,.hero-copy{position:relative;z-index:2}.hero-copy::before{position:absolute;top:-44px;left:-26px;z-index:-1;width:min(42vw,360px);height:180px;content:"";pointer-events:none;opacity:.22;clip-path:polygon(0 12%,70% 0,100% 38%,24% 100%);background:linear-gradient(135deg,rgba(0,229,255,.16),rgba(124,92,255,.1),transparent),repeating-linear-gradient(115deg,rgba(255,255,255,.09) 0 1px,transparent 1px 20px)}.contact-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:680px;margin-top:42px}.code-window,.hero-card,.orb-card,pre{max-width:100%}.hero-metrics div{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),rgba(255,255,255,.055);backdrop-filter:blur(14px)}.hero-metrics div::before{position:absolute;inset:0;content:"";pointer-events:none;opacity:.36;background:linear-gradient(120deg,transparent,rgba(0,229,255,.24),transparent);transform:translateX(-115%);transition:transform .65s}.hero-metrics div:hover::before{transform:translateX(115%)}.hero-metrics span,.hero-metrics strong{font-size:2rem;letter-spacing:-.05em}.hero-metrics p{margin-top:4px;color:var(--muted-2);font-size:.82rem;font-weight:700}.hero-card{position:relative}.hero-card::after,.hero-card::before{position:absolute;z-index:-1;content:"";border-radius:999px;filter:blur(24px)}.hero-card::before{inset:12% 0 auto auto;width:min(220px,46%);height:220px;background:rgba(0,229,255,.14)}.hero-card::after{inset:auto auto 8% 4%;width:180px;height:180px;background:rgba(255,78,205,.12)}.orb-card{display:flex;flex-direction:column;position:relative;overflow:hidden;width:100%;min-height:560px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 20%,rgba(124,92,255,.32),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:var(--shadow);backdrop-filter:blur(14px)}.dev-chip,.orb-card-header{align-items:center;display:inline-flex}.developer-stage{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit}.developer-stage::before{position:absolute;inset:18px;z-index:0;content:"";opacity:.42;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 38%,black,transparent 72%)}.developer-stage::after{position:absolute;inset:16%;z-index:0;content:"";border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(0,229,255,.22),transparent 34%),radial-gradient(circle at 70% 70%,rgba(255,78,205,.18),transparent 38%);filter:blur(18px)}.developer-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%}.dev-chip{position:absolute;z-index:2;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:rgba(245,247,251,.9);background:rgba(5,7,17,.52);box-shadow:0 14px 40px rgba(0,0,0,.24);backdrop-filter:blur(8px);font-size:.76rem;font-weight:850;letter-spacing:.02em;white-space:nowrap}.chip-react{top:18%;left:10%;border-color:rgba(97,218,251,.32)}.chip-angular{top:26%;right:8%;color:#ff6b6b;border-color:rgba(255,107,107,.32)}.chip-node{bottom:22%;left:12%;color:#a7f3d0;border-color:rgba(124,255,178,.28)}.chip-sql{right:12%;bottom:16%;color:#c4b5fd;border-color:rgba(124,92,255,.32)}.orb-card-header{align-self:flex-start;position:relative;z-index:2;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(5,7,17,.38);backdrop-filter:blur(8px);font-size:.82rem;font-weight:800}.about-panel,.code-window,.project-card,.skill-card{backdrop-filter:blur(12px)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 18px var(--success)}.code-window,.marquee-section{width:100%;overflow:hidden;position:relative}.code-window{z-index:2;min-width:0;margin-block:auto;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(3,7,18,.72);box-shadow:0 24px 70px rgba(0,0,0,.34)}.code-dots{display:flex;gap:8px;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}.code-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.panel-row span,.skill-icon{height:54px;place-items:center}.code-dots i:nth-child(2){background:#ffbd2e}.code-dots i:nth-child(3){background:#28c840}pre{overflow:auto;padding:20px;color:#d8e0ff;font-family:SFMono-Regular,Consolas,"Liberation Mono",monospace;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.token-purple{color:#c084fc}.token-green{color:#86efac}.token-blue{color:#67e8f9}.marquee-section{padding:18px 0;border-block:1px solid var(--line);background:rgba(255,255,255,.024)}.about-panel,.panel-row{background:rgba(255,255,255,.055)}.marquee-track{display:flex;width:max-content;gap:22px;animation:42s linear infinite marquee}.marquee-track span{--mark-opacity:0;--mark-scale:0;position:relative;display:inline-flex;align-items:center;color:rgba(245,247,251,.5);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(1.05rem, 2.5vw, 2rem);font-weight:800;letter-spacing:0;cursor:default;white-space:nowrap;transform-origin:center;transition:color .24s,text-shadow .24s}.marquee-track span::after{position:absolute;right:0;bottom:-.18em;left:0;height:.12em;content:"";border-radius:999px;opacity:var(--mark-opacity);background:linear-gradient(90deg,#ff334e,#ff7a59,#ff4ecd);box-shadow:0 0 14px rgba(255,51,78,.36);transform:scaleX(var(--mark-scale));transform-origin:center}.marquee-track span.is-marquee-hot,.marquee-track span:hover{color:#ff334e;text-shadow:0 0 12px rgba(255,51,78,.35),0 0 24px rgba(255,78,205,.18)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes ribbonDrift{0%{translate:0 0;scale:1}100%{translate:4vw -3vh;scale:1.04}}@keyframes meshSlide{to{background-position:0 0,44px 0,0 44px}}@keyframes flyAcross{to{transform:translateX(128vw) translateY(-18vh) rotate(-16deg)}}@keyframes educationScan{to{background-position:68px 0,0 68px}}@keyframes educationRibbonDrift{0%{transform:translate3d(-18px,10px,0) rotate(-10deg)}100%{transform:translate3d(28px,-16px,0) rotate(-6deg)}}@keyframes experienceOrbitSpin{to{transform:rotate(360deg)}}@keyframes experienceOrbitPulse{0%{scale:0.96;opacity:.58}100%{scale:1.04;opacity:1}}.split-section{display:grid;gap:54px}.split-content{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(320px,0.75fr);align-items:start;gap:clamp(32px,6vw,82px)}.about-panel{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.panel-row{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:24px}.panel-row span{display:grid;width:54px;border-radius:18px;color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--primary));font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:900}.panel-row p,.story-line{color:var(--muted);overflow-wrap:anywhere}.panel-row h3{margin-bottom:8px;font-size:1.05rem}.panel-row p{line-height:1.65}.story-section{display:grid;grid-template-columns:minmax(0,0.88fr) minmax(340px,0.68fr);align-items:center;gap:clamp(38px,6vw,76px);min-height:100svh}.story-section::before{position:absolute;inset:10% auto auto -8%;z-index:-1;width:min(48vw,620px);height:46%;content:"";pointer-events:none;opacity:.58;clip-path:polygon(0 20%,78% 0,100% 42%,18% 100%);background:repeating-linear-gradient(118deg,rgba(255,255,255,.12) 0 1px,transparent 1px 18px),linear-gradient(120deg,rgba(0,229,255,.18),rgba(255,122,89,.14),transparent 74%)}.story-copy{position:relative;z-index:2;max-width:760px}.story-title.section-title{max-width:680px;font-size:clamp(3rem, 5.1vw, 5.15rem);line-height:1.02;letter-spacing:0}.story-body{display:grid;gap:18px;margin-top:30px}.story-line{max-width:690px;font-size:1.04rem;line-height:1.78}.story-line:first-child{color:rgba(245,247,251,.9);font-size:1.1rem}.story-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.story-tags span{max-width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:rgba(245,247,251,.78);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),rgba(5,7,17,.42);font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.story-photo{position:relative;align-self:start;justify-self:end;width:min(100%,520px);min-height:clamp(420px,64vh,660px);margin:clamp(22px,3.2vw,52px) 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 32%),linear-gradient(165deg,rgba(6,17,31,.92),rgba(11,16,32,.97)),#07101f;box-shadow:0 36px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.14)}.story-photo::before{inset:0;z-index:2;opacity:.3;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 58px);mix-blend-mode:screen}.story-photo::after{inset:auto 18px 18px;z-index:3;height:34%;border-radius:0 0 26px 26px;background:linear-gradient(180deg,transparent,rgba(5,7,17,.76))}.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.02)}.story-photo figcaption{position:absolute;right:22px;bottom:22px;z-index:4;display:inline-flex;min-height:36px;max-width:calc(100% - 44px);align-items:center;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--text);background:rgba(5,7,17,.64);box-shadow:0 12px 30px rgba(0,0,0,.24);font-size:.82rem;font-weight:900;text-align:center;backdrop-filter:blur(14px);overflow-wrap:anywhere}.my-world-section{position:relative;isolation:isolate;overflow:visible;padding-top:clamp(112px,11vw,160px);scroll-margin-top:128px}.my-world-section::before{position:absolute;inset:clamp(42px,7vw,92px) calc((100vw - 100%)/ -2) 8%;z-index:-1;content:"";pointer-events:none;opacity:.72;background:linear-gradient(180deg,rgba(5,7,17,.1) 0,rgba(5,7,17,.72) 20%,rgba(5,7,17,.58) 76%,rgba(5,7,17,.12) 100%),linear-gradient(118deg,transparent 0 16%,rgba(0,229,255,.12) 16% 16.5%,transparent 16.5% 46%,rgba(255,78,205,.1) 46% 46.4%,transparent 46.4% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 86px);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 88%,transparent 100%)}.my-world-section::after{position:absolute;top:18%;right:calc((100vw - 100%)/ -2);z-index:-1;width:min(52vw,720px);height:44%;content:"";pointer-events:none;opacity:.2;clip-path:polygon(12% 0,100% 26%,86% 100%,0 68%);background:repeating-linear-gradient(118deg,rgba(255,255,255,.16) 0 1px,transparent 1px 22px),linear-gradient(115deg,rgba(0,229,255,.34),rgba(255,122,89,.16),transparent 76%)}.my-world-title{max-width:980px;color:transparent;background:linear-gradient(100deg,#fff 0,#76f7ff 32%,#ffd166 62%,#ff7a59 100%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.my-world-title.scroll-split{background:0 0;-webkit-text-fill-color:currentColor}.my-world-copy{max-width:720px}.my-world-gallery{margin-top:clamp(34px,5vw,64px);columns:3 280px;column-gap:clamp(14px,2vw,22px)}.my-world-card{position:relative;display:inline-block;width:100%;margin:0 0 clamp(14px,2vw,22px);overflow:hidden;break-inside:avoid;page-break-inside:avoid;border:1px solid rgba(255,255,255,.12);border-radius:clamp(20px,2.1vw,28px);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)),rgba(5,7,17,.72);box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 0 28px rgba(255,255,255,.025);transform:translateZ(0);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.my-world-card::after,.my-world-card::before{position:absolute;inset:0;z-index:2;content:"";pointer-events:none;border-radius:inherit;transition:opacity .28s ease}.my-world-card::before{opacity:.72;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(0deg,rgba(5,7,17,.36),transparent 42%)}.my-world-card::after{opacity:0;box-shadow:inset 0 0 0 1px rgba(0,229,255,.2),inset 0 0 46px rgba(0,229,255,.08),inset 0 -36px 70px rgba(255,78,205,.08)}.my-world-card img{display:block;width:100%;height:auto;position:static;object-fit:initial;filter:saturate(1.03) contrast(1.02);transition:transform .35s ease,filter .35s ease}@media (hover:hover) and (pointer:fine){.my-world-card:hover{border-color:rgba(0,229,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 36px rgba(0,229,255,.08),inset 0 0 42px rgba(255,255,255,.035);transform:translateY(-6px)}.my-world-card:hover::after{opacity:1}.my-world-card:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04)}}.project-visual,.skill-card h3,.skill-card p,.skill-icon,.skills-grid,.skills-section{position:relative}.skills-section{--stack-gap:clamp(16px, 2vw, 24px);z-index:2;padding-top:clamp(110px,10vw,150px);isolation:isolate;perspective:none}.skills-section::before{position:absolute;inset:clamp(56px,8vw,98px) calc((100vw - 100%)/ -2) 0;z-index:-1;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(5,7,17,.6) 0,rgba(5,7,17,.96) 22%,rgba(5,7,17,.96) 84%,rgba(5,7,17,.72) 100%),radial-gradient(circle at 16% 18%,rgba(0,229,255,.18),transparent 24rem),radial-gradient(circle at 82% 4%,rgba(255,78,205,.11),transparent 24rem),radial-gradient(circle at 76% 88%,rgba(184,255,93,.08),transparent 22rem),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 82px);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.stack-title{color:transparent;background:linear-gradient(100deg,#f5f7fb 0,#76f7ff 34%,#d8c7ff 58%,#ffe29a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skills-intro{max-width:660px;margin:22px auto 0;color:var(--muted);font-size:1.02rem;line-height:1.75;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--stack-gap);margin-top:clamp(38px,6vw,64px);perspective:none}.skill-card{--skill-accent:rgba(0, 229, 255, 0.9);--skill-accent-soft:rgba(0, 229, 255, 0.14);display:flex;grid-column:span 2;min-height:clamp(240px,22vw,300px);flex-direction:column;padding:clamp(22px,2.4vw,30px);border:1px solid rgba(255,255,255,.13);border-radius:24px;background:radial-gradient(circle at 16% 18%,var(--skill-accent-soft),transparent 34%),radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.032)),rgba(5,7,17,.74);box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);transform:none;transform-style:flat;will-change:auto;transition:border-color .24s ease,box-shadow .24s ease,background .24s ease}.skill-card.reveal{opacity:1;transform:none}.skill-card::before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none;border-radius:inherit;opacity:.85;background:linear-gradient(135deg,var(--skill-accent-soft),transparent 42%),linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.08) 22% 22.4%,transparent 22.4% 100%)}.skill-card::after{position:absolute;top:18px;right:18px;z-index:0;width:clamp(86px,10vw,130px);aspect-ratio:1;content:"";pointer-events:none;border:1px solid color-mix(in srgb,var(--skill-accent),transparent 58%);border-radius:999px;opacity:.46;background:radial-gradient(circle,var(--skill-accent-soft),transparent 55%),repeating-linear-gradient(-30deg,rgba(255,255,255,.16) 0 1px,transparent 1px 12px)}.skills-section .skill-card{pointer-events:auto}.skill-icon{display:grid;width:62px;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--skill-accent),transparent 62%);border-radius:18px;color:var(--skill-accent);background:rgba(255,255,255,.075);box-shadow:inset 0 0 22px rgba(255,255,255,.08),0 16px 42px color-mix(in srgb,var(--skill-accent),transparent 86%);font-size:0;font-weight:900;letter-spacing:.08em}.skill-icon::before{content:"UI";font-size:.86rem}.case-study-grid div,.project-card{border:1px solid var(--line);background:rgba(255,255,255,.055)}.skill-card h3{margin-top:auto;margin-bottom:12px;color:var(--text);font-size:clamp(1.15rem, 1.7vw, 1.45rem);line-height:1.18}.skill-card p{color:var(--muted);line-height:1.7;overflow-wrap:anywhere}@media (hover:hover) and (pointer:fine){.skill-card:hover{border-color:color-mix(in srgb,var(--skill-accent),transparent 58%);box-shadow:0 28px 82px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16)}.skill-card:hover::after{opacity:.7}}.achievements-section,.capabilities-section,.education-section,.experience-section,.my-world-section,.projects-section,.system-flow-section{padding-top:120px}.experience-list,.project-list{display:grid;gap:20px;margin-top:46px}.project-card{display:grid;grid-template-columns:minmax(280px,0.68fr) minmax(0,1fr);gap:24px;padding:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.project-visual{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;padding:24px;border-radius:26px;background:#11182c}.project-number{position:absolute;top:18px;left:18px;z-index:2;color:rgba(255,255,255,.72);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-.08em;text-shadow:0 12px 35px rgba(0,0,0,.45)}.visual-one{background:radial-gradient(circle at 28% 24%,rgba(0,229,255,.65),transparent 18%),radial-gradient(circle at 70% 62%,rgba(124,92,255,.7),transparent 22%),linear-gradient(135deg,#11182c,#21153f)}.visual-two{background:radial-gradient(circle at 72% 28%,rgba(124,255,178,.55),transparent 18%),linear-gradient(135deg,#0b1020,#0e2c30)}.visual-three{background:radial-gradient(circle at 40% 35%,rgba(255,78,205,.62),transparent 20%),radial-gradient(circle at 68% 70%,rgba(0,229,255,.48),transparent 22%),linear-gradient(135deg,#190d22,#0b1020)}.project-visual::before{position:absolute;inset:12%;content:"";border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;transform:perspective(700px) rotateX(58deg) rotateZ(-18deg);transform-origin:center}.project-info{display:flex;flex-direction:column;justify-content:center;padding:22px}.project-eyebrow{color:var(--primary-2);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.project-info h3{max-width:620px;margin-top:14px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(1.7rem, 3vw, 3rem);line-height:1.05;letter-spacing:-.055em;overflow-wrap:anywhere}.project-info ul{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;padding:0;list-style:none}.project-info li{padding:9px 12px;border-radius:999px;color:var(--muted);font-size:.85rem;font-weight:700;max-width:100%;overflow-wrap:anywhere}.system-flow-section{--flow-progress:0px;perspective:1200px}.system-flow-header{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(320px,0.58fr);align-items:end;gap:clamp(28px,5vw,72px)}.system-flow-intro{max-width:560px;justify-self:end}.system-flow-showcase{display:grid;grid-template-columns:minmax(360px,0.95fr) minmax(320px,0.72fr);align-items:start;gap:clamp(28px,5vw,64px);margin-top:54px}.system-flow-visual{position:relative;min-height:clamp(480px,46vw,590px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(0,229,255,.2),transparent 28%),radial-gradient(circle at 82% 22%,rgba(255,78,205,.14),transparent 30%),radial-gradient(circle at 50% 88%,rgba(184,255,93,.11),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:var(--shadow);transform-style:preserve-3d;contain:layout paint}.system-flow-visual::before{position:absolute;inset:18px;content:"";border-radius:28px;opacity:.34;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(145deg,#000,transparent 74%)}.flow-scene{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.flow-orbit,.flow-progress-ring{position:absolute;inset:13%;border-radius:50%;pointer-events:none}.flow-orbit{border:1px solid rgba(0,229,255,.22);transform:rotateX(64deg) rotateZ(-10deg) translateZ(-24px);transform-style:preserve-3d}.flow-orbit::before{position:absolute;inset:-1px;content:"";border-radius:inherit;opacity:.54;background:conic-gradient(from 90deg,transparent,rgba(0,229,255,.7),rgba(255,78,205,.42),transparent 64%);mask-image:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}.flow-orbit-secondary{inset:23%;opacity:.58;border-color:rgba(184,255,93,.18);transform:rotateX(62deg) rotateZ(22deg) translateZ(-42px)}.flow-progress-ring{inset:8%;opacity:.55;background:conic-gradient(from -90deg,rgba(0,229,255,.75) calc(var(--flow-progress) * 360deg),rgba(255,255,255,.06) 0);mask-image:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);transform:rotateX(64deg) translateZ(-20px)}.flow-node-list{position:absolute;inset:0;z-index:3;margin:0;padding:0;list-style:none;transform-style:preserve-3d}.flow-node{position:absolute;left:var(--node-x);top:var(--node-y);translate:-50% -50%;transform-style:preserve-3d}.flow-node-core{display:grid;min-width:74px;min-height:38px;place-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(245,247,251,.78);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),rgba(5,7,17,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 34px rgba(0,0,0,.3);font-size:.72rem;font-weight:900;letter-spacing:.04em;transform-style:preserve-3d;will-change:transform,opacity;transition:border-color .24s,color .24s,background .24s,box-shadow .24s,opacity .24s}.flow-node.is-active .flow-node-core{color:#06111f;border-color:rgba(0,229,255,.44);background:linear-gradient(135deg,var(--primary-2),var(--success));box-shadow:0 0 0 8px rgba(0,229,255,.08),0 22px 48px rgba(0,229,255,.2)}.flow-node.is-past .flow-node-core{opacity:.82}.node-wordpress{--node-x:17%;--node-y:30%}.node-react{--node-x:38%;--node-y:14%}.node-api{--node-x:70%;--node-y:20%}.node-sql{--node-x:84%;--node-y:49%}.node-grafana{--node-x:66%;--node-y:78%}.node-nodered{--node-x:35%;--node-y:84%}.node-flutter{--node-x:15%;--node-y:60%}.node-iot{--node-x:52%;--node-y:50%}.flow-dashboard{position:absolute;top:50%;left:50%;z-index:2;display:flex;width:min(440px,70%);min-height:310px;flex-direction:column;gap:18px;padding:clamp(18px,3vw,30px);border:1px solid rgba(255,255,255,.14);border-radius:30px;background:radial-gradient(circle at 20% 18%,rgba(0,229,255,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045)),rgba(5,7,17,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 90px rgba(0,0,0,.45),0 0 58px rgba(0,229,255,.11);translate:-50% -50%;transform-style:preserve-3d;will-change:transform,opacity;backdrop-filter:blur(14px)}.flow-window-bar{display:flex;gap:8px}.flow-window-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}.flow-window-bar span:first-child{background:var(--ember)}.flow-window-bar span:nth-child(2){background:var(--warning)}.flow-window-bar span:nth-child(3){background:var(--primary-2)}.flow-dashboard-status{display:grid;gap:8px}.flow-dashboard-status span{color:var(--primary-2);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.flow-dashboard-status strong{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(1.45rem, 2.7vw, 2.25rem);line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}.flow-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.flow-dashboard-grid span{min-height:54px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),rgba(255,255,255,.04)}.flow-dashboard-grid span:nth-child(2),.flow-dashboard-grid span:nth-child(5){background:linear-gradient(140deg,rgba(0,229,255,.16),rgba(255,255,255,.035)),rgba(255,255,255,.04)}.flow-data-strip{display:grid;gap:8px;margin-top:auto}.flow-data-strip span{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--primary-2),rgba(255,255,255,.08));transform-origin:left center}.flow-data-strip span:nth-child(2){width:72%;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.08))}.flow-data-strip span:nth-child(3){width:52%;background:linear-gradient(90deg,var(--electric),rgba(255,255,255,.08))}.flow-steps{--flow-card-offset:56px;--flow-marker-radius:8px;--flow-marker-top:34px;--flow-rail-left:31px;--flow-track-end:34px;--flow-track-start:34px;position:relative;display:grid;gap:12px;margin:0;padding:18px 18px 18px var(--flow-card-offset);border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),rgba(5,7,17,.56);box-shadow:var(--shadow);list-style:none;backdrop-filter:blur(12px);overflow:visible}.flow-steps>li{min-width:0}.flow-steps::after,.flow-steps::before{position:absolute;top:var(--flow-track-start);bottom:var(--flow-track-end);left:var(--flow-rail-left);z-index:0;width:2px;content:"";border-radius:99px;transform-origin:top center;pointer-events:none}.flow-steps::before{background:rgba(255,255,255,.1)}.flow-steps::after{bottom:auto;height:var(--flow-progress);background:linear-gradient(var(--primary-2),var(--accent),var(--electric));box-shadow:0 0 20px rgba(0,229,255,.34);transition:height .34s ease}.flow-step{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:16px;width:100%;min-height:106px;padding:18px;color:var(--text);font:inherit;text-align:left;cursor:pointer;appearance:none;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028)),rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);isolation:isolate;overflow:visible;transform-style:preserve-3d;transition:border-color .24s,background .24s,box-shadow .24s,opacity .24s}.flow-step::before{position:absolute;top:var(--flow-marker-top);left:calc(var(--flow-rail-left) - var(--flow-card-offset) - var(--flow-marker-radius));z-index:2;width:12px;height:12px;content:"";border:2px solid rgba(255,255,255,.32);border-radius:50%;background:#050711;transform:translateY(-50%);transition:border-color .25s,box-shadow .25s,background .25s}.flow-step-index{position:relative;z-index:2;display:grid;width:46px;height:46px;place-items:center;border-radius:16px;color:var(--muted);background:rgba(5,7,17,.62);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:.78rem;font-weight:900;transition:color .24s,background .24s,box-shadow .24s}.flow-step h3{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(1.02rem, 1.35vw, 1.24rem);line-height:1.18;letter-spacing:-.025em}.flow-step p{margin-top:7px;color:var(--muted);font-size:.9rem;line-height:1.62;overflow-wrap:anywhere}.flow-step.is-active,.flow-step:focus-visible,.flow-step:hover{border-color:rgba(0,229,255,.32);background:radial-gradient(circle at 12% 18%,rgba(0,229,255,.13),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.04));box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 34px rgba(0,229,255,.09)}.flow-step:focus-visible{outline:2px solid rgba(0,229,255,.72);outline-offset:4px}.flow-step.is-active::before{border-color:var(--primary-2);background:var(--primary-2);box-shadow:0 0 22px rgba(0,229,255,.68)}.flow-step.is-active .flow-step-index{color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--success));box-shadow:0 0 18px rgba(0,229,255,.28)}.process-section{padding-top:110px}.process-card{display:grid;grid-template-columns:minmax(0,0.78fr) minmax(320px,1fr);gap:48px;padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 15% 15%,rgba(0,229,255,.16),transparent 30%),radial-gradient(circle at 85% 80%,rgba(255,78,205,.15),transparent 30%),rgba(255,255,255,.055);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.capability-card,.education-card,.experience-card{box-shadow:var(--shadow);backdrop-filter:blur(12px)}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-steps div{min-height:180px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(5,7,17,.34)}.process-steps span{display:inline-flex;margin-bottom:54px;color:var(--primary-2);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.education-card h3,.experience-meta h3{letter-spacing:-.03em;overflow-wrap:anywhere}.process-steps p{color:var(--muted);line-height:1.65}.contact-section{padding-bottom:120px}.contact-card{padding:clamp(28px,6vw,72px);border:1px solid var(--line);border-radius:42px;background:radial-gradient(circle at 20% 20%,rgba(0,229,255,.22),transparent 28%),radial-gradient(circle at 80% 10%,rgba(124,92,255,.28),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:var(--shadow)}.contact-card::after{position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;content:"";border-radius:50%;background:rgba(255,78,205,.18);filter:blur(10px)}.contact-card p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.site-footer{display:flex;justify-content:space-between;gap:20px;width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:34px 0 48px;border-top:1px solid var(--line);color:var(--muted-2);font-size:.9rem;overflow-wrap:anywhere}.site-footer a{color:var(--text);font-weight:800}.experience-section{overflow:visible;isolation:isolate;scroll-margin-top:128px}.experience-header{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(280px,0.52fr);align-items:end;gap:clamp(24px,5vw,72px)}.experience-title:not(.scroll-split){color:transparent;background:linear-gradient(100deg,#fff,#76f7ff 38%,#ff7a59 70%,#fff1a8);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.experience-title.scroll-split{background:0 0;-webkit-text-fill-color:currentColor}.experience-intro{color:var(--muted);font-size:1.02rem;line-height:1.8}.experience-showcase{position:relative;display:grid;grid-template-columns:minmax(250px,0.36fr) minmax(0,1fr);grid-template-areas:"orbit list" "tabs list";gap:18px clamp(20px,4vw,36px);margin-top:clamp(40px,6vw,70px);margin-inline:-14px;padding:14px;overflow:visible;z-index:1}.experience-showcase::before{position:absolute;inset:8% -6% 2% 18%;z-index:-1;content:"";pointer-events:none;opacity:.24;background:radial-gradient(circle at 18% 12%,rgba(0,229,255,.18),transparent 28%),radial-gradient(circle at 84% 68%,rgba(255,122,89,.16),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;mask-image:linear-gradient(120deg,transparent,black 16%,black 76%,transparent);transform:perspective(900px) rotateX(58deg) rotateZ(-10deg)}.experience-orbit{grid-area:orbit;position:sticky;top:128px;z-index:1;display:grid;min-height:320px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 50%,rgba(0,229,255,.12),transparent 48%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),rgba(5,7,17,.58);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.experience-node,.experience-orbit-label,.experience-orbit-ring{position:absolute}.experience-orbit-ring{border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.ring-a{width:72%;aspect-ratio:1;border-color:rgba(0,229,255,.34);animation:experienceOrbitSpin 18s linear infinite}.ring-b{width:48%;aspect-ratio:1;border-color:rgba(255,122,89,.3);transform:rotateX(62deg) rotateZ(22deg);animation:experienceOrbitPulse 5.4s ease-in-out infinite alternate}.experience-orbit-core{display:grid;width:112px;aspect-ratio:1;place-items:center;border:1px solid rgba(0,229,255,.38);border-radius:50%;color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--success));font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:4.2rem;font-weight:900;box-shadow:inset 0 0 32px rgba(255,255,255,.26),0 0 46px rgba(0,229,255,.18)}.experience-orbit-label{right:24px;bottom:22px;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.experience-node{width:12px;height:12px;border-radius:50%;background:var(--primary-2);box-shadow:0 0 22px rgba(0,229,255,.85)}.node-one{top:16%;left:50%}.node-two{top:48%;right:15%;background:var(--warning);box-shadow:0 0 22px rgba(255,209,102,.78)}.node-three{bottom:16%;left:50%;background:var(--accent);box-shadow:0 0 22px rgba(255,78,205,.72)}.node-four{top:48%;left:15%;background:var(--success);box-shadow:0 0 22px rgba(124,255,178,.72)}.experience-tabs{grid-area:tabs;position:sticky;top:468px;z-index:2;display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(5,7,17,.58);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.experience-tab{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid transparent;border-radius:16px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;transition:color .25s,border-color .25s,background .25s,transform .25s}.experience-tab span{display:grid;min-height:38px;place-items:center;border-radius:13px;color:#06111f;background:rgba(255,255,255,.78);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:.8rem;font-weight:900}.experience-tab strong{overflow-wrap:anywhere}.experience-tab.is-active,.experience-tab:focus-visible,.experience-tab:hover{color:var(--text);border-color:rgba(0,229,255,.24);background:rgba(255,255,255,.08);transform:translateX(4px);outline:0}.experience-tab.is-active span{background:linear-gradient(135deg,var(--primary-2),var(--success))}.experience-list{position:relative;grid-area:list;display:grid;gap:18px;margin:-12px;padding:12px;overflow:visible;z-index:4}.experience-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,0.48fr) minmax(0,1fr) auto;gap:24px;min-height:245px;padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:var(--radius-xl);cursor:pointer;background:radial-gradient(circle at var(--mx) var(--my),rgba(0,229,255,.16),transparent 30%),linear-gradient(125deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),rgba(255,255,255,.048);box-shadow:var(--shadow);backdrop-filter:blur(12px);transition:opacity .28s,border-color .28s,box-shadow .28s,background .28s;will-change:transform}.experience-card::after{position:absolute;inset:14px;z-index:0;content:"";border-radius:24px;opacity:.28;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.052) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(118deg,black,transparent 72%)}.capability-card:hover,.experience-card.is-active,.experience-card:focus-visible,.experience-card:hover{z-index:12;border-color:rgba(0,229,255,.32);box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 42px rgba(0,229,255,.11);outline:0}.experience-list:has(.experience-card:focus-visible),.experience-list:has(.experience-card:hover){z-index:20}.experience-list:has(.experience-card:focus-visible) .experience-card:not(:focus-visible),.experience-list:has(.experience-card:hover) .experience-card:not(:hover){opacity:.68}.experience-badge,.experience-date{display:inline-block;font-weight:900}.experience-meta{display:flex;flex-direction:column;align-items:flex-start;padding:6px 0}.experience-date{margin-bottom:18px;padding:7px 12px;border:1px solid rgba(0,229,255,.2);border-radius:999px;color:var(--primary-2);font-size:.76rem;letter-spacing:.07em;background:rgba(0,229,255,.08);box-shadow:inset 0 0 20px rgba(255,255,255,.025)}.capability-card h3,.education-card h3,.experience-meta h3{font-family:"Space Grotesk",Inter,system-ui,sans-serif;margin-bottom:6px}.experience-meta h3{font-size:clamp(1.25rem, 2.2vw, 1.9rem);line-height:1.16}.experience-badge{padding:3px 10px;border-radius:999px;font-size:.68rem;color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--success));vertical-align:middle;margin-left:6px}.experience-clients{color:var(--muted-2);font-size:.88rem;font-weight:650;line-height:1.55;margin-top:8px;overflow-wrap:anywhere}.experience-focus{margin-bottom:14px;color:var(--warning);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.experience-details ul{display:grid;gap:9px;padding:0;margin:0 0 20px;list-style:none}.experience-details li{position:relative;padding-left:18px;color:var(--muted);font-size:.93rem;line-height:1.65}.experience-details li::before{position:absolute;top:10px;left:0;width:6px;height:6px;content:"";border-radius:50%;background:var(--primary-2);box-shadow:0 0 8px var(--primary-2)}.experience-tags{display:flex;flex-wrap:wrap;gap:8px}.experience-tags span{max-width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.055);font-size:.78rem;font-weight:800;overflow-wrap:anywhere;box-shadow:inset 0 0 20px rgba(255,255,255,.025)}.experience-index{align-self:start;color:rgba(255,255,255,.12);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(2.3rem, 5vw, 5rem);font-weight:900;line-height:.8}.project-desc{color:var(--muted);font-size:.95rem;line-height:1.65;margin-top:10px;overflow-wrap:anywhere}.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.case-study-grid div{padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.028)),rgba(5,7,17,.36)}.case-study-grid span{display:block;margin-bottom:7px;color:var(--primary-2);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.case-study-grid p{color:var(--muted);font-size:.84rem;line-height:1.55;letter-spacing:0;text-transform:none}.project-screenshot,.project-screenshot *{position:relative;z-index:1}.project-screenshot{width:min(100%,410px);min-height:250px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.026)),rgba(4,9,22,.82);box-shadow:0 24px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14);transform:perspective(900px) rotateX(5deg) rotateY(-5deg)}.project-card:nth-child(2n) .project-screenshot{transform:perspective(900px) rotateX(5deg) rotateY(5deg)}.screen-bar{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,7,17,.52)}.screen-bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.32)}.screen-bar span:first-child{background:var(--accent)}.screen-bar span:nth-child(2){background:var(--warning)}.screen-bar span:nth-child(3){background:var(--primary-2)}.screen-bar strong{margin-left:auto;color:rgba(245,247,251,.72);font-size:.68rem;letter-spacing:.12em}.screen-body{display:grid;gap:14px;padding:18px}.flow-columns,.form-grid,.locker-grid,.stat-row,.widget-grid{display:grid;gap:10px}.stat-row,.widget-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-columns i,.locker-grid i,.stat-row i,.widget-grid i{display:block;min-height:54px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:radial-gradient(circle at 20% 20%,rgba(0,229,255,.2),transparent 46%),rgba(255,255,255,.055)}.stat-row i{display:grid;place-items:center;color:rgba(245,247,251,.82);font-style:normal;font-size:.72rem;font-weight:900}.approval-strip,.chart-line,.mini-chart,.payroll-summary,.unlock-button{min-height:88px;border-radius:16px;background:linear-gradient(110deg,transparent 0 12%,rgba(0,229,255,.26) 12% 16%,transparent 16% 30%,rgba(255,78,205,.22) 30% 36%,transparent 36%),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),rgba(255,255,255,.045);background-size:auto,100% 18px,auto}.data-rows{display:grid;gap:8px}.app-header,.app-sidebar span,.data-rows span,.form-line,.phone-status,.signature-row i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.16)}.data-rows span:nth-child(2n),.signature-row i:nth-child(2n){width:78%}.paper-form{gap:18px}.form-line.wide{width:82%;height:14px;background:rgba(0,229,255,.3)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid span{min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055)}.signature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signature-row i{height:36px}.app-shot{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:270px}.app-sidebar{display:grid;align-content:start;gap:12px;padding:18px 14px;border-right:1px solid rgba(255,255,255,.1);background:rgba(5,7,17,.48)}.app-sidebar span{height:12px}.app-panel{display:grid;gap:14px;padding:18px}.app-header{height:16px;width:68%;background:rgba(124,255,178,.32)}.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-chart{min-height:86px}.payroll-summary{min-height:92px;background:radial-gradient(circle at 28% 48%,rgba(124,255,178,.36),transparent 26%),radial-gradient(circle at 70% 42%,rgba(0,229,255,.24),transparent 28%),rgba(255,255,255,.045)}.payroll-rows span:first-child{background:rgba(124,255,178,.28)}.flow-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-columns i{min-height:142px}.approval-strip{min-height:44px;background:linear-gradient(90deg,rgba(0,229,255,.32),rgba(255,78,205,.22))}.mobile-shot{display:grid;place-items:center;min-height:300px;background:0 0;border:0;box-shadow:none}.phone-shell{width:min(190px,70%);min-height:300px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.026)),rgba(4,9,22,.86);box-shadow:0 24px 62px rgba(0,0,0,.34)}.phone-status{width:58%;height:14px;margin:2px auto 22px;background:rgba(0,229,255,.26)}.locker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locker-grid i{min-height:58px}.unlock-button{min-height:44px;margin-top:18px;background:linear-gradient(90deg,var(--primary-2),var(--success))}.achievements-section{overflow:visible;isolation:isolate;scroll-margin-top:128px}.achievements-header{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(280px,0.52fr);align-items:end;gap:clamp(24px,5vw,72px)}.achievements-title:not(.scroll-split){color:transparent;background:linear-gradient(100deg,#fff,#76f7ff 34%,#ffd166 64%,#ff7a59);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.achievements-title.scroll-split{background:0 0;-webkit-text-fill-color:currentColor}.achievements-intro{color:var(--muted);font-size:1.02rem;line-height:1.8}.achievements-showcase{position:relative;margin-top:clamp(40px,6vw,70px);isolation:isolate}.achievements-showcase::before{position:absolute;inset:-38px -6% 8% 22%;z-index:-1;content:"";pointer-events:none;opacity:.24;background:radial-gradient(circle at 18% 22%,rgba(255,209,102,.18),transparent 28%),radial-gradient(circle at 80% 68%,rgba(0,229,255,.15),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;mask-image:linear-gradient(120deg,transparent,black 18%,black 78%,transparent);transform:perspective(900px) rotateX(58deg) rotateZ(-8deg)}.achievements-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.achievement-tab{display:inline-grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:9px 14px 9px 9px;border:1px solid rgba(255,255,255,.12);border-radius:18px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(5,7,17,.58);box-shadow:0 16px 42px rgba(0,0,0,.22);backdrop-filter:blur(12px);transition:color .25s,border-color .25s,background .25s,transform .25s}.achievement-tab span{display:grid;min-height:40px;place-items:center;border-radius:14px;color:#06111f;background:rgba(255,255,255,.78);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:.76rem;font-weight:900}.achievement-tab strong{overflow-wrap:anywhere}.achievement-tab.is-active,.achievement-tab:focus-visible,.achievement-tab:hover{color:var(--text);border-color:rgba(255,209,102,.35);background:radial-gradient(circle at 20% 20%,rgba(255,209,102,.16),transparent 38%),rgba(255,255,255,.08);transform:translateY(-3px);outline:0}.achievement-tab.is-active span{background:linear-gradient(135deg,var(--warning),var(--primary-2))}.achievements-grid{display:grid;gap:22px;overflow:visible}.achievement-card{--mx:50%;--my:50%;position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,0.78fr) minmax(0,1fr) auto;align-items:stretch;gap:clamp(20px,4vw,34px);min-height:430px;padding:clamp(16px,2.5vw,24px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,209,102,.13),transparent 30%),linear-gradient(125deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),rgba(255,255,255,.048);box-shadow:var(--shadow);backdrop-filter:blur(12px);transform-style:preserve-3d;transition:opacity .28s,border-color .28s,box-shadow .28s,background .28s;will-change:transform}.achievement-card:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(320px,0.78fr) auto}.achievement-card:nth-child(2n) .achievement-media{order:2}.achievement-card:nth-child(2n) .achievement-content{order:1}.achievement-card::before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(0,229,255,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 48%);transition:opacity .28s}.achievement-card.is-active,.achievement-card:focus-visible,.achievement-card:hover{z-index:8;border-color:rgba(255,209,102,.34);box-shadow:0 30px 94px rgba(0,0,0,.52),0 0 48px rgba(255,209,102,.1);outline:0}.achievement-card.is-active::before,.achievement-card:focus-visible::before,.achievement-card:hover::before{opacity:1}.achievements-grid:has(.achievement-card:focus-visible) .achievement-card:not(:focus-visible),.achievements-grid:has(.achievement-card:hover) .achievement-card:not(:hover){opacity:.68}.achievement-content,.achievement-index,.achievement-media{position:relative;z-index:1}.achievement-media{min-height:100%;overflow:hidden;border-radius:26px;background:#11182c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -70px 80px rgba(0,0,0,.22)}.achievement-media img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02);transition:scale .55s ease,filter .55s ease}.achievement-card:nth-child(2) .achievement-media img{object-position:center 18%}.achievement-card.is-active .achievement-media img,.achievement-card:focus-visible .achievement-media img,.achievement-card:hover .achievement-media img{scale:1.04;filter:saturate(1.14) contrast(1.05)}.achievement-content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(8px,2vw,20px) 0}.achievement-year{color:var(--warning);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.achievement-content h3{max-width:620px;margin-top:14px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(1.9rem, 4vw, 4.1rem);line-height:.98;letter-spacing:0;overflow-wrap:anywhere}.achievement-content p:not(.achievement-year){max-width:620px;margin-top:18px;color:var(--muted);font-size:1rem;line-height:1.75}.achievement-clients{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.achievement-clients span{max-width:100%;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.055);font-size:.78rem;font-weight:800;overflow-wrap:anywhere;box-shadow:inset 0 0 20px rgba(255,255,255,.025)}.achievement-index{align-self:start;color:rgba(255,255,255,.12);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(2.3rem, 5vw, 5rem);font-weight:900;line-height:.8}.education-section{overflow:visible;isolation:isolate;scroll-margin-top:128px}.education-header{display:grid;grid-template-columns:minmax(0,0.86fr) minmax(280px,0.52fr);gap:clamp(24px,5vw,72px);align-items:end}.education-intro{color:var(--muted);font-size:1.02rem;line-height:1.8}.education-showcase{position:relative;display:grid;grid-template-columns:minmax(220px,0.34fr) minmax(0,1fr);gap:clamp(18px,4vw,36px);margin-top:clamp(38px,6vw,68px);overflow:visible}.education-art{position:absolute;inset:-54px -32px -58px -32px;z-index:-1;pointer-events:none}.education-art-grid,.education-art-ribbon,.education-art-ring{position:absolute;display:block;opacity:.68}.education-art-grid{inset:18% 4% 10% 24%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(115deg,transparent,black 18%,black 72%,transparent);transform:perspective(900px) rotateX(60deg) rotateZ(-12deg);animation:12s linear infinite educationScan}.education-art-ring{top:-28px;right:7%;width:clamp(260px,36vw,520px);aspect-ratio:1;border:1px solid rgba(0,229,255,.18);border-radius:50%;background:conic-gradient(from 110deg,transparent 0 20%,rgba(0,229,255,.22) 28%,rgba(255,78,205,.22) 44%,transparent 58% 100%);mask-image:radial-gradient(circle,transparent 0 55%,black 56%,transparent 72%);filter:blur(.2px)}.education-art-ribbon{right:0;bottom:18%;width:min(58vw,620px);height:126px;clip-path:polygon(0 34%,70% 0,100% 22%,25% 100%);background:linear-gradient(110deg,transparent 0 14%,rgba(0,229,255,.45) 35%,rgba(255,122,89,.34) 62%,transparent 84%),repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px);transform:rotate(-9deg);animation:8s ease-in-out infinite alternate educationRibbonDrift}.education-rail{position:sticky;top:128px;align-self:start;display:grid;gap:14px;min-height:360px;padding:18px 18px 18px 32px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),rgba(5,7,17,.56);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.education-progress{position:absolute;top:34px;bottom:34px;left:16px;width:2px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.education-progress span{--education-progress:0%;display:block;width:100%;height:var(--education-progress);border-radius:inherit;background:linear-gradient(var(--primary-2),var(--accent),var(--warning));box-shadow:0 0 20px rgba(0,229,255,.46);transition:height .34s ease}.education-marker{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;padding:12px;border:1px solid transparent;border-radius:18px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;transition:color .25s,border-color .25s,background .25s,transform .25s}.education-marker::before{position:absolute;top:50%;left:-23px;width:12px;height:12px;content:"";border:2px solid rgba(255,255,255,.32);border-radius:50%;background:#050711;transform:translateY(-50%);transition:border-color .25s,box-shadow .25s,background .25s}.education-card-index,.education-marker span{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:900}.education-marker span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:#06111f;background:rgba(255,255,255,.74)}.education-marker strong{min-width:0;font-size:.92rem;overflow-wrap:anywhere}.education-marker.is-active,.education-marker:focus-visible,.education-marker:hover{color:var(--text);border-color:rgba(0,229,255,.2);background:rgba(255,255,255,.08);transform:translateX(4px);outline:0}.education-marker.is-active::before{border-color:var(--primary-2);background:var(--primary-2);box-shadow:0 0 22px rgba(0,229,255,.7)}.education-marker.is-active span{background:linear-gradient(135deg,var(--primary-2),var(--success))}.education-cards{position:relative;display:grid;gap:18px;overflow:visible;z-index:2}.education-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:186px;margin-top:0;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:var(--radius-xl);cursor:pointer;background:radial-gradient(circle at var(--mx) var(--my),rgba(0,229,255,.14),transparent 30%),linear-gradient(125deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),linear-gradient(135deg,rgba(11,16,32,.92),rgba(21,13,34,.82));box-shadow:var(--shadow);backdrop-filter:blur(12px);z-index:1;transition:border-color .28s,background .28s,box-shadow .28s,opacity .28s}.education-card::after{position:absolute;inset:14px;z-index:0;content:"";border-radius:24px;opacity:.34;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(120deg,transparent,black 20%,transparent 74%)}.education-card.is-active,.education-card:focus-visible,.education-card:hover{opacity:1;z-index:12;border-color:rgba(0,229,255,.34);box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 42px rgba(0,229,255,.12);outline:0}.education-cards:has(.education-card:focus-visible),.education-cards:has(.education-card:hover){z-index:20}.education-cards:has(.education-card:focus-visible) .education-card:not(:focus-visible),.education-cards:has(.education-card:hover) .education-card:not(:hover){opacity:.68}.education-icon{position:relative;display:grid;width:72px;height:72px;place-items:center;border-radius:20px;color:#06111f;background:linear-gradient(135deg,var(--primary-2),var(--success)),linear-gradient(135deg,var(--primary),var(--accent));font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:900;flex-shrink:0;box-shadow:inset 0 0 24px rgba(255,255,255,.18),0 14px 34px rgba(0,229,255,.18)}.education-icon::before{position:absolute;inset:-7px;content:"";border:1px solid rgba(0,229,255,.28);border-radius:24px;transform:rotate(9deg);transition:transform .32s ease}.education-card.is-active .education-icon::before,.education-card:focus-visible .education-icon::before,.education-card:hover .education-icon::before{transform:rotate(-12deg) scale(1.06)}.education-card h3{max-width:660px;font-size:clamp(1.25rem, 2vw, 1.76rem);line-height:1.15}.education-phase{margin-bottom:8px;color:var(--primary-2);font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.education-degree{color:var(--muted);font-size:.96rem;margin-top:8px}.education-year{color:var(--muted-2);font-size:.86rem;font-weight:700;margin-top:4px}.education-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none}.education-highlights li{max-width:100%;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.055);font-size:.76rem;font-weight:800;overflow-wrap:anywhere}.education-card-index{align-self:start;color:rgba(255,255,255,.12);font-size:clamp(2.2rem, 5vw, 4.8rem);line-height:.8;letter-spacing:0}.capabilities-intro{max-width:780px}.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}.capability-card{--capability-accent:var(--primary-2);--capability-accent-2:var(--success);display:flex;min-height:320px;flex-direction:column;gap:18px;padding:clamp(20px,2.5vw,28px);border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at var(--mx) var(--my),rgba(0,229,255,.11),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.032)),rgba(255,255,255,.045);transition:transform .25s,border-color .25s,box-shadow .25s}.experience-card::before,.site-header::before{border-radius:inherit}.capability-card::after{position:absolute;inset:14px;z-index:0;content:"";border-radius:20px;opacity:.28;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(120deg,#000,transparent 78%)}.capability-icon{position:relative;display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#06111f;background:linear-gradient(135deg,var(--capability-accent),var(--capability-accent-2)),linear-gradient(135deg,var(--primary-2),var(--success));box-shadow:inset 0 0 24px rgba(255,255,255,.2),0 16px 36px color-mix(in srgb,var(--capability-accent),transparent 78%);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:.74rem;font-weight:900;letter-spacing:.06em}.capability-icon::before{position:absolute;inset:-6px;content:"";border:1px solid color-mix(in srgb,var(--capability-accent),transparent 62%);border-radius:22px;transform:rotate(9deg);transition:transform .32s ease}.capability-card:hover .capability-icon::before{transform:rotate(-10deg) scale(1.04)}.capability-card h3{margin-top:6px;font-size:clamp(1.18rem, 1.75vw, 1.5rem);line-height:1.16;letter-spacing:-.03em;overflow-wrap:anywhere}.capability-card p{color:var(--muted);font-size:.96rem;line-height:1.68;overflow-wrap:anywhere}.capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;padding-left:0;list-style:none}.capability-tags li{max-width:100%;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.055);font-size:.75rem;font-weight:800;overflow-wrap:anywhere}.capabilities-grid .capability-card:first-child{--capability-accent:var(--primary-2);--capability-accent-2:var(--success)}.capabilities-grid .capability-card:nth-child(2){--capability-accent:var(--ember);--capability-accent-2:var(--warning)}.capabilities-grid .capability-card:nth-child(3){--capability-accent:var(--primary);--capability-accent-2:var(--accent)}.capabilities-grid .capability-card:nth-child(4){--capability-accent:var(--electric);--capability-accent-2:var(--primary-2)}.capabilities-grid .capability-card:nth-child(5){--capability-accent:var(--warning);--capability-accent-2:var(--ember)}.capabilities-grid .capability-card:nth-child(6){--capability-accent:var(--accent);--capability-accent-2:var(--primary-2)}.button{position:relative;overflow:hidden}.button::before{position:absolute;inset:0;content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.42),transparent 72%);transform:translateX(-120%);transition:opacity .25s,transform .6s}.button:hover::before{opacity:1;transform:translateX(120%)}.about-panel,.achievement-card,.capability-card,.contact-card,.education-card,.experience-card,.project-card,.site-header,.skill-card{--mx:50%;--my:50%}.site-header{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035)),rgba(5,7,17,.62)}.site-header::before{position:absolute;inset:-1px;z-index:-1;content:"";opacity:.64;background:linear-gradient(120deg,rgba(0,229,255,.32),transparent 28%,rgba(255,122,89,.24),transparent 72%,rgba(184,255,93,.24))}.about-panel,.achievement-card,.capability-card,.contact-card,.education-card,.experience-card,.project-card,.skill-card{position:relative;isolation:isolate;overflow:hidden;background-clip:padding-box;transform-style:preserve-3d}.about-panel::before,.achievement-card::before,.capability-card::before,.contact-card::before,.education-card::before,.experience-card::before,.project-card::before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(0,229,255,.24),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 48%);transition:opacity .28s}.about-panel:hover::before,.achievement-card:hover::before,.capability-card:hover::before,.contact-card:hover::before,.education-card:hover::before,.experience-card:hover::before,.project-card:hover::before{opacity:1}.about-panel>*,.achievement-card>*,.capability-card>*,.contact-card>*,.education-card>*,.experience-card>*,.project-card>*{position:relative;z-index:1}.education-card{overflow:visible}.skill-card>*{position:relative;z-index:1;opacity:1;transform:none}.skill-card{opacity:1;transform-style:flat}.skills-grid .skill-card:first-child{--skill-accent:rgba(0, 229, 255, 0.92);--skill-accent-soft:rgba(0, 229, 255, 0.16)}.skills-grid .skill-card:nth-child(2){--skill-accent:rgba(255, 122, 89, 0.92);--skill-accent-soft:rgba(255, 122, 89, 0.14)}.skills-grid .skill-card:nth-child(3){--skill-accent:rgba(184, 255, 93, 0.88);--skill-accent-soft:rgba(184, 255, 93, 0.12)}.skills-grid .skill-card:nth-child(4){--skill-accent:rgba(124, 92, 255, 0.92);--skill-accent-soft:rgba(124, 92, 255, 0.15)}.skills-grid .skill-card:nth-child(5){--skill-accent:rgba(255, 209, 102, 0.92);--skill-accent-soft:rgba(255, 209, 102, 0.13)}.skills-grid .skill-card:nth-child(6){--skill-accent:rgba(255, 78, 205, 0.92);--skill-accent-soft:rgba(255, 78, 205, 0.13)}.skills-grid .skill-card:nth-child(2) .skill-icon::before{content:"API"}.skills-grid .skill-card:nth-child(3) .skill-icon::before{content:"IoT"}.skills-grid .skill-card:nth-child(4) .skill-icon::before{content:"OPS"}.skills-grid .skill-card:nth-child(5) .skill-icon::before{content:"DEV"}.skills-grid .skill-card:nth-child(6) .skill-icon::before{content:"AI"}.project-card{position:relative;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.08),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.028))}.project-card:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(260px,0.72fr)}.project-card:nth-child(2n) .project-visual{order:2}.project-visual{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -70px 80px rgba(0,0,0,.22)}.project-visual::before{opacity:.72}.experience-date,.experience-tags span,.project-info li{box-shadow:inset 0 0 20px rgba(255,255,255,.025)}.contact-card{background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.04)),radial-gradient(circle at 20% 20%,rgba(0,229,255,.22),transparent 28%),radial-gradient(circle at 80% 10%,rgba(255,122,89,.16),transparent 30%)}.reveal{opacity:0;transform:translateY(28px)}@media (max-width:980px){.hamburger,.header-cta{margin-left:auto}.site-header{grid-template-columns:auto auto;width:min(calc(100% - 28px),720px)}.nav{order:3;grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.hamburger{display:inline-flex}.header-cta,.nav{display:none}.experience-card,.hero,.process-card,.project-card,.project-card:nth-child(2n),.split-content,.story-section{grid-template-columns:1fr}.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-flow-header,.system-flow-showcase{grid-template-columns:1fr}.system-flow-intro{justify-self:start}.system-flow-showcase{gap:28px;margin-top:38px}.system-flow-visual{min-height:460px}.flow-steps{padding:18px 18px 18px var(--flow-card-offset)}.flow-step{min-height:0}.story-section{min-height:auto;gap:46px}.my-world-gallery{columns:2 240px}.story-title.section-title{font-size:3.35rem}.story-photo{width:min(100%,620px);min-height:clamp(470px,72svh,620px);margin-inline:auto;margin-top:0;justify-self:center}.skills-grid .skill-card:first-child{grid-column:auto}.project-card:nth-child(2n) .project-visual{order:0}.hero{padding-top:150px}.orb-card{min-height:500px}.process-steps,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{grid-column:span 1}}@media (min-width:768px) and (pointer:fine){.site-footer a[href="#top"]{display:none}}@media (max-width:640px){.ambient-stage{opacity:.24}.ambient-mesh,.ambient-wire,.brand span:last-child,.header-cta{display:none}.ambient-ribbon{opacity:.12;animation:none}.ambient-ribbon:not(.ribbon-one),.flying-spark{display:none}.noise{opacity:.035}.about-panel,.achievement-card,.button-secondary,.capability-card,.contact-card,.education-card,.experience-card,.flow-dashboard,.flow-step,.flow-steps,.mobile-menu,.my-world-card,.orb-card,.project-card,.site-header,.skill-card,.system-flow-visual{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header{top:12px;display:flex;flex-wrap:wrap;gap:10px;width:min(calc(100% - 20px),720px);padding:10px}.brand{min-width:max-content}.hamburger{display:inline-flex}.nav{order:3;flex:1 0 100%;width:100%;gap:4px;overflow-x:auto;padding:2px 0 0;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,0.45) transparent;white-space:nowrap}.nav::-webkit-scrollbar{height:3px}.nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(0,229,255,.45)}.nav a{flex:0 0 auto;padding:8px 10px;font-size:.78rem}.section{width:min(calc(100% - 24px),var(--max));margin-inline:auto;padding-inline:0;padding-block:78px}.section.hero{padding-top:108px}.hero{gap:56px;padding-top:172px}.mobile-menu{justify-content:flex-start;gap:28px;background:rgba(5,7,17,.96);padding:88px 18px 32px}.mobile-menu-footer{position:static;margin-top:4px}.hero-title{font-size:clamp(3rem, 17vw, 5.4rem)}.hero-copy::before,.hero::after,.hero::before{opacity:.28}.capabilities-grid,.flow-steps,.hero-metrics,.panel-row,.process-steps,.skills-grid{grid-template-columns:1fr}.system-flow-visual{min-height:380px}.system-flow-visual::before{inset:12px;background-size:26px 26px}.flow-orbit{inset:11%}.flow-orbit-secondary{inset:23%}.flow-progress-ring{inset:7%}.flow-dashboard{width:min(78%,330px);min-height:230px;gap:12px;padding:16px;border-radius:24px}.flow-dashboard-status strong{font-size:1.3rem}.flow-dashboard-grid{gap:7px}.flow-dashboard-grid span{min-height:38px;border-radius:12px}.flow-node-core{min-width:58px;min-height:30px;padding-inline:9px;font-size:.62rem}.node-react{--node-x:40%;--node-y:12%}.node-api{--node-x:76%;--node-y:23%}.node-sql{--node-x:86%;--node-y:54%}.node-nodered{--node-x:32%;--node-y:86%}.node-flutter{display:none}.story-title.section-title{font-size:2.7rem}.story-photo{width:100%;min-height:clamp(420px,68svh,560px);border-radius:26px}.story-photo figcaption{right:18px;bottom:18px}.my-world-section{padding-top:92px;scroll-margin-top:154px}.my-world-section::after{display:none}.my-world-gallery{columns:1;column-gap:0;margin-top:34px}.my-world-card{margin-bottom:14px;border-radius:24px;box-shadow:0 18px 48px rgba(0,0,0,.3);transition:none}.my-world-card:hover{transform:none}.my-world-card img{transform:none!important;transition:none;will-change:auto}.hero-metrics{gap:18px;margin-top:40px}.skill-card,.skills-grid .skill-card:first-child,.skills-grid .skill-card:nth-child(4){min-height:230px}.hero-metrics div{padding:24px 20px}.orb-card{margin-top:14px;min-height:460px;padding:16px}.dev-chip{min-height:28px;padding-inline:10px;font-size:.7rem}.code-window{margin-inline:0}pre{font-size:.76rem}.project-visual{min-height:260px;padding:18px}.project-screenshot{min-height:210px;transform:none}.project-card:nth-child(2n) .project-screenshot{transform:none}.case-study-grid{grid-template-columns:1fr;gap:8px}.case-study-grid div{padding:12px}.case-study-grid p{font-size:.8rem}.site-footer{flex-direction:column;width:min(calc(100% - 28px),var(--max));align-items:flex-start;height:auto;min-height:0;padding-block:24px max(22px,env(safe-area-inset-bottom))}.education-card{flex-direction:column;text-align:center}}@media (max-width:500px){.site-header{width:min(calc(100% - 16px),720px);padding:8px}.brand-mark{width:32px;height:32px;font-size:.68rem}.nav{gap:3px;white-space:nowrap}.nav a{padding:7px 9px;font-size:.74rem}.hero{gap:60px;padding-top:166px}.eyebrow,.section-kicker{position:relative;display:block;padding-left:18px;font-size:.68rem;letter-spacing:.14em;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.eyebrow::before,.section-kicker::before{position:absolute;top:.48em;left:0;display:block}.hero-title{font-size:clamp(2.55rem, 15.2vw, 4.7rem);line-height:.92;letter-spacing:-.075em}.hero-subtitle{font-size:.98rem;line-height:1.65}.contact-actions,.hero-actions{display:grid;gap:10px}.contact-actions .button,.hero-actions .button{width:100%}.hero-metrics{gap:18px;margin-top:42px}.hero-metrics div{padding:24px 18px}.orb-card{margin-top:16px;min-height:430px;padding:14px;border-radius:28px}.developer-stage::before{inset:12px;background-size:28px 28px}.developer-stage::after{inset:18% 10%}.dev-chip{max-width:calc(50% - 12px);overflow:hidden;text-overflow:ellipsis}.chip-react{top:24%;left:12px}.chip-angular{top:27%;right:12px}.chip-node{bottom:24%;left:12px}.chip-sql{bottom:16%;right:12px}.mobile-nav a{font-size:1.3rem;padding:10px 22px}.mobile-menu-footer{bottom:28px}.code-window{border-radius:18px}.code-dots{padding:12px}pre{padding:16px;font-size:.7rem;line-height:1.55}.marquee-section{padding-block:18px}.marquee-track span{font-size:clamp(1.15rem, 8vw, 2rem)}.section{width:min(calc(100% - 16px),var(--max));margin-inline:auto;padding-inline:0;padding-block:68px}.section.hero{padding-top:104px}.achievements-grid,.capabilities-grid,.experience-list,.flow-steps,.project-list,.split-section,.system-flow-showcase{gap:14px}.achievements-section,.capabilities-section,.education-section,.experience-section,.my-world-section,.process-section,.projects-section,.skills-section,.story-section,.system-flow-section{padding-top:86px}.section-title{font-size:clamp(2rem, 11vw, 3.1rem);letter-spacing:-.065em}.section-copy{font-size:.96rem;line-height:1.65}.story-title.section-title{font-size:2.25rem}.story-body{gap:14px;margin-top:24px}.story-line,.story-line:first-child{font-size:.96rem;line-height:1.66}.story-tags{gap:8px;margin-top:24px}.story-tags span{padding:7px 10px;font-size:.72rem}.about-panel,.achievement-card,.capability-card,.contact-card,.education-card,.experience-card,.flow-dashboard,.flow-step,.my-world-card,.process-card,.project-card,.skill-card,.story-photo,.system-flow-visual{border-radius:24px}.about-panel,.achievement-card,.capability-card,.contact-card,.education-card,.experience-card,.flow-step,.process-card,.project-card,.skill-card{padding:16px}.story-photo{padding:0}.panel-row{gap:12px;padding:16px;border-radius:18px}.education-icon,.panel-row span,.skill-icon{width:48px;height:48px;border-radius:16px;font-size:1rem}.skills-grid .skill-icon{font-size:0}.skills-grid .skill-icon::before{font-size:.78rem}.skill-card h3{margin-top:48px;font-size:1.12rem}.system-flow-visual{min-height:335px}.flow-dashboard{width:min(82%,292px);min-height:204px;gap:10px;padding:14px}.flow-window-bar span{width:8px;height:8px}.flow-dashboard-status span{font-size:.62rem;line-height:1.4}.flow-dashboard-status strong{font-size:1.06rem}.flow-dashboard-grid span{min-height:30px}.flow-data-strip span{height:6px}.flow-node-core{min-width:50px;min-height:28px;padding-inline:7px;font-size:.56rem}.node-wordpress{--node-x:18%;--node-y:28%}.node-grafana{--node-x:68%;--node-y:82%}.node-iot{--node-x:50%;--node-y:52%}.flow-step{grid-template-columns:42px minmax(0,1fr);min-height:0;padding:16px}.flow-step-index{width:42px;height:42px;border-radius:14px}.flow-step h3{font-size:1.02rem}.flow-step p{font-size:.88rem;line-height:1.58}.capability-card{min-height:0;gap:14px}.capability-icon{width:50px;height:50px;border-radius:16px;font-size:.68rem}.capability-card h3{font-size:1.16rem}.capability-card p{font-size:.92rem;line-height:1.62}.capability-tags{gap:7px}.capability-tags li{padding:6px 9px;font-size:.7rem}.project-visual{min-height:220px;border-radius:20px}.project-number{font-size:2.35rem}.project-info{padding:14px 4px 4px}.project-info h3{font-size:clamp(1.35rem, 8vw, 2rem)}.case-study-grid span{font-size:.64rem}.screen-body{padding:14px}.phone-shell{width:min(180px,78%);min-height:270px}.process-steps{gap:10px}.process-steps div{min-height:145px;padding:14px}.process-steps span{margin-bottom:42px;font-size:.7rem}.contact-card .section-title{font-size:clamp(1.8rem, 9vw, 3rem)}.contact-card p:not(.eyebrow){font-size:.96rem}.experience-meta h3{font-size:1.05rem}.experience-date{padding:5px 10px}.education-card{gap:16px}.site-footer{width:min(calc(100% - 16px),var(--max));margin-inline:auto;padding-inline:0;font-size:.8rem}}@media (max-width:980px){.achievements-header{grid-template-columns:1fr}.achievement-card,.achievement-card:nth-child(2n){grid-template-columns:1fr}.achievement-card:nth-child(2n) .achievement-content,.achievement-card:nth-child(2n) .achievement-media{order:initial}.achievement-media img{min-height:clamp(320px,58vw,480px)}.experience-header,.experience-showcase{grid-template-columns:1fr}.experience-showcase{grid-template-areas:"orbit" "tabs" "list";margin-inline:-8px;padding:8px}.experience-list{margin:-8px;padding:8px}.experience-orbit,.experience-tabs{position:relative;top:auto}.experience-orbit{min-height:260px}.experience-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-tab{grid-template-columns:1fr;justify-items:center;text-align:center}.experience-card{grid-template-columns:minmax(0,1fr) auto}.experience-details{grid-column:1/-1}.education-header,.education-showcase{grid-template-columns:1fr}.education-intro{max-width:720px}.education-rail{position:relative;top:auto;grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto;padding:18px}.education-progress{top:16px;right:30px;bottom:auto;left:30px;width:auto;height:2px}.education-progress span{width:var(--education-progress);height:100%;transition:width .34s ease}.education-marker{grid-template-columns:1fr;justify-items:center;min-height:112px;padding-top:28px;text-align:center}.education-marker::before{top:17px;left:50%;transform:translate(-50%,-50%)}.education-marker.is-active,.education-marker:focus-visible,.education-marker:hover{transform:translateY(-3px)}.education-card{grid-template-columns:68px minmax(0,1fr) auto}}@media (max-width:640px){.achievements-section{scroll-margin-top:154px}.achievements-showcase{margin-top:34px}.achievements-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement-tab{grid-template-columns:1fr;justify-items:center;min-height:94px;padding:10px;text-align:center}.achievement-tab span{width:100%;min-height:34px}.achievement-card{min-height:auto;padding:14px;border-radius:24px}.achievement-media{border-radius:20px}.achievement-media img{min-height:300px}.achievement-index{position:absolute;top:24px;right:24px;font-size:2.9rem}.achievement-content{padding:8px 4px 4px}.achievement-content h3{padding-right:52px;font-size:clamp(1.55rem, 9vw, 2.45rem)}.achievement-content p:not(.achievement-year){font-size:.94rem;line-height:1.68}.experience-section{scroll-margin-top:154px}.experience-showcase{margin-top:34px;margin-inline:0;padding:0}.experience-list{margin:0;padding:0}.experience-orbit{min-height:220px}.experience-orbit-core{width:92px;font-size:3.2rem}.experience-orbit-label{right:18px;bottom:18px;font-size:.68rem}.experience-tabs{grid-template-columns:repeat(4,minmax(112px,1fr));overflow-x:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,0.45) transparent}.experience-tab{min-height:86px;padding:9px}.experience-tab span{min-height:34px;font-size:.72rem}.experience-tab strong{font-size:.78rem}.experience-card{grid-template-columns:1fr;min-height:auto}.experience-index{position:absolute;top:18px;right:18px;font-size:2.8rem}.experience-meta h3{padding-right:58px}.education-section{scroll-margin-top:154px}.education-showcase{margin-top:34px}.education-art{inset:-32px -20px -32px -20px;opacity:.7}.education-art-ring{right:-28%}.education-rail{gap:10px;padding:14px;border-radius:24px}.education-marker{min-height:98px;gap:8px;padding:24px 8px 10px}.education-marker span{width:34px;height:34px;border-radius:12px;font-size:.78rem}.education-marker strong{font-size:.76rem}.education-card{grid-template-columns:1fr;align-items:start;min-height:auto;text-align:left}.education-card-index{position:absolute;top:18px;right:18px;font-size:2.7rem}.education-highlights{gap:7px}}@media (max-width:500px){.education-header{gap:18px}.education-intro{font-size:.95rem;line-height:1.7}.education-rail{margin-inline:-2px;overflow-x:auto;grid-template-columns:repeat(3,minmax(118px,1fr));scrollbar-width:thin;scrollbar-color:rgba(0,229,255,0.45) transparent}.education-card{padding:18px}.education-card h3{padding-right:54px;font-size:1.18rem}.education-phase{padding-right:58px;font-size:.68rem;line-height:1.45}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.ambient-stage,.cursor,.noise{display:none}}@media (pointer:coarse){.cursor{display:none}.skill-card,.skills-grid,.skills-section{perspective:none;transform-style:flat}.skill-card{opacity:1;transform:none!important;will-change:auto}.skill-card>*{opacity:1;transform:none}.my-world-card,.my-world-card img{transform:none!important;transition:none;will-change:auto}.my-world-card:hover{transform:none!important}}@media (max-width:640px),(pointer:coarse){.noise,body::before{display:none!important}#developer-scene canvas,.ambient-stage{display:none!important}.cursor,.flying-spark{display:none!important}.section-substrate{background:0 0!important}.hero-title::after,.hero-title::before{display:none!important}[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;content-visibility:auto}}