:root{--bg:#05070d;--bg-2:#080b14;--surface:#ffffff08;--surface-2:#ffffff0d;--border:#ffffff14;--border-strong:#00e0ff59;--text:#c7d0e0;--text-dim:#8791a6;--text-h:#f4f8ff;--cyan:#00e0ff;--blue:#4d7cff;--accent:#00e0ff;--accent-glow:#00e0ff8c;--gradient:linear-gradient(120deg, #00e0ff 0%, #4d7cff 55%, #7a5cff 100%);--gradient-soft:linear-gradient(120deg, #00e0ff24, #4d7cff24);--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--maxw:1120px;font:400 17px/1.6 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 600px at 80% -10%, #4d7cff1f, transparent 60%), radial-gradient(700px 500px at 0% 20%, #00e0ff1a, transparent 55%), var(--bg);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600;line-height:1.1}a{color:var(--cyan);text-decoration:none}p{margin:0}::selection{color:#fff;background:#00e0ff40}.container{width:var(--maxw);max-width:100%;margin:0 auto;padding-inline:24px}.section{padding:42px 0;position:relative}@media (width<=768px){.section{padding:30px 0}}.section-tag{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--cyan);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:inline-flex}.section-tag:before{content:"";background:var(--cyan);width:26px;height:1px;box-shadow:0 0 10px var(--accent-glow)}.section-title{letter-spacing:-.5px;margin-bottom:18px;font-size:clamp(28px,4vw,42px)}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--sans);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s,background .25s;display:inline-flex}.btn-primary{background:var(--gradient);color:#04121a;box-shadow:0 0 #00e0ff00}.btn-primary:hover{box-shadow:0 10px 30px -8px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--text-h);border-color:var(--border)}.btn-ghost:hover{border-color:var(--border-strong);box-shadow:0 0 22px -6px var(--accent-glow);transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}.navbar{z-index:50;padding:18px max(24px, calc((100vw - var(--maxw)) / 2 + 24px));border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .3s,border-color .3s,padding .3s;display:flex;position:fixed;inset:0 0 auto}.navbar.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--border);background:#05070db8;padding-top:12px;padding-bottom:12px}.nav-logo{font-family:var(--heading);color:var(--text-h);letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.nav-logo img{object-fit:contain;filter:drop-shadow(0 0 12px #00e0ff38);width:34px;height:34px;display:block}.nav-logo-text{align-items:baseline;display:inline-flex}.nav-logo-text span{color:var(--cyan)}.nav-links{align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-dim);font-size:15px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-h)}.nav-cta{padding:9px 18px;font-size:14px}.nav-toggle{color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:6px;display:none}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--border);background:#060910f5;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;width:min(78vw,320px);padding:40px;transition:transform .35s;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.nav-links.open{transform:none}.nav-toggle{z-index:60;display:inline-flex}}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-grid{z-index:0;background-image:linear-gradient(#00e0ff0d 1px,#0000 1px),linear-gradient(90deg,#00e0ff0d 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 10%,#0000 72%);mask-image:radial-gradient(circle at 50% 45%,#000 10%,#0000 72%)}.hero-inner{z-index:2;width:var(--maxw);max-width:100%;margin:0 auto;padding:120px 24px 60px;position:relative}.hero-content{max-width:720px}.hero-hello{font-family:var(--mono);color:var(--cyan);letter-spacing:1px;opacity:0;margin-bottom:18px;font-size:15px;animation:.6s forwards fadeUp}.hero h1{letter-spacing:-2px;opacity:0;margin-bottom:8px;font-size:clamp(30px,4.2vw,54px);line-height:1.02;animation:.7s .1s forwards fadeUp}.hero-role{font-size:clamp(20px,3vw,30px);font-family:var(--heading);color:var(--text-dim);letter-spacing:-1px;opacity:0;min-height:1.2em;margin-bottom:24px;font-weight:600;animation:.7s .2s forwards fadeUp}.hero-role .cursor{background:var(--cyan);vertical-align:text-bottom;width:3px;height:.95em;box-shadow:0 0 10px var(--accent-glow);margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.hero-desc{color:var(--text-dim);opacity:0;max-width:560px;margin-bottom:34px;font-size:18px;animation:.7s .3s forwards fadeUp}.hero-actions{opacity:0;flex-wrap:wrap;gap:14px;animation:.7s .4s forwards fadeUp;display:flex}.hero-socials{opacity:0;gap:16px;margin-top:40px;animation:.7s .5s forwards fadeUp;display:flex}.hero-socials a{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-dim);border-radius:10px;place-items:center;transition:color .2s,border-color .2s,transform .2s,box-shadow .2s;display:grid}.hero-socials a:hover{color:var(--cyan);border-color:var(--border-strong);box-shadow:0 8px 22px -8px var(--accent-glow);transform:translateY(-3px)}.scroll-cue{z-index:2;color:var(--text-dim);font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:8px;font-size:12px;animation:1s .9s forwards fadeUp;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-cue .mouse{border:2px solid var(--border-strong);border-radius:12px;width:22px;height:34px;position:relative}.scroll-cue .mouse:after{content:"";background:var(--cyan);border-radius:3px;width:3px;height:7px;animation:1.6s ease-in-out infinite scrollDot;position:absolute;top:6px;left:50%;transform:translate(-50%)}.about-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:54px;display:grid}.about-slide-left,.about-slide-right{opacity:0;will-change:transform, opacity;transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1),filter .65s}.about-slide-left{filter:blur(4px);transform:translate(-86px)scale(.98)}.about-slide-right{filter:blur(4px);align-self:stretch;display:flex;transform:translate(86px)scale(.98)}.about-slide-right .about-image{flex:1;width:100%;min-height:100%}.about-motion.is-visible .about-slide-left,.about-motion.is-visible .about-slide-right{opacity:1;filter:blur();transform:translate(0)scale(1)}.about-motion .section-tag,.about-motion .section-title{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(18px)}.about-motion.is-visible .section-tag,.about-motion.is-visible .section-title{opacity:1;transform:none}.about-lead{color:var(--text-h);font-size:20px;font-family:var(--heading);margin-bottom:18px;line-height:1.4}.about-grid p{color:var(--text-dim);margin-bottom:16px}.about-image{border:1px solid var(--border);background:var(--gradient-soft);min-height:320px;box-shadow:0 24px 60px -30px var(--accent-glow);border-radius:18px;position:relative;overflow:hidden}.about-image:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:18px;position:absolute;inset:0}.about-image img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block;position:absolute;inset:0}.stats-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:42px;display:flex;overflow:hidden}.stats-row .stat{text-align:center;border-right:1px solid var(--border);background:var(--gradient-soft);flex:1 1 0;min-width:0;padding:26px 16px}.stats-row .stat:last-child{border-right:none}.stat-num{font-family:var(--heading);font-size:clamp(26px,3.4vw,36px);font-weight:700;line-height:1}.stat-label{color:var(--text-dim);margin-top:8px;font-size:13px}.about-code{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--border);z-index:1;background:#00000059;border-radius:12px;margin-top:22px;padding:18px 20px;font-size:13.5px;line-height:1.7;position:relative;overflow-x:auto}.about-code .k{color:#7a5cff}.about-code .s{color:var(--cyan)}.about-code .p{color:#4d7cff}@media (width<=820px){.about-grid{grid-template-columns:1fr;gap:30px}.about-image{order:-1;min-height:360px}.about-slide-left,.about-slide-right{transform:translateY(48px)scale(.98)}.about-motion.is-visible .about-slide-left,.about-motion.is-visible .about-slide-right{transform:translateY(0)scale(1)}}@media (width<=560px){.stats-row{flex-wrap:wrap}.stats-row .stat{border-bottom:1px solid var(--border);flex:50%}.stats-row .stat:nth-child(odd){border-right:1px solid var(--border)}.stats-row .stat:nth-child(2n){border-right:none}.stats-row .stat:nth-last-child(-n+2){border-bottom:none}}@media (prefers-reduced-motion:reduce){.about-slide-left,.about-slide-right,.about-motion .section-tag,.about-motion .section-title{opacity:1;filter:none;transition:none;transform:none}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;display:grid}.skill-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}.skill-card:hover{border-color:var(--border-strong);box-shadow:0 16px 40px -20px var(--accent-glow);transform:translateY(-4px)}.skill-card h3{align-items:center;gap:10px;margin-bottom:18px;font-size:17px;display:flex}.skill-card h3 .dot{background:var(--gradient);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tags span{font-family:var(--mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:5px 11px;font-size:13px}.projects-grid{flex-direction:column;gap:66px;margin-top:24px;display:flex}.project-row{grid-template-columns:1.05fr .95fr;align-items:center;gap:46px;display:grid}.project-row:nth-child(2n) .pr-visual{order:2}.pr-visual{border:1px solid var(--border);background:#0a0e18;border-radius:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 30px 70px -36px #000000d9}.pr-visual:hover{border-color:var(--border-strong);box-shadow:0 42px 92px -40px var(--accent-glow);transform:translateY(-6px)}.pr-browser{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:7px;padding:10px 13px;display:flex}.pr-browser>span{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pr-browser .r{background:#ff5f57}.pr-browser .y{background:#febc2e}.pr-browser .g{background:#28c840}.pr-browser .u{width:auto;height:auto;color:var(--text-dim);font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;background:#0000004d;border-radius:7px;flex:1;margin-left:8px;padding:3px 10px;font-size:11px;overflow:hidden}.pr-shot{aspect-ratio:16/10;position:relative;overflow:hidden}.pr-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s;display:block}.pr-visual:hover .pr-shot img{transform:scale(1.05)}.pr-shot .glyph{font-family:var(--mono);color:var(--cyan);background:var(--gradient-soft);place-items:center;font-size:46px;display:grid;position:absolute;inset:0}.pr-hover{opacity:0;background:linear-gradient(#0000,#05070d6b 42%,#05070df2 88%);flex-direction:column;justify-content:flex-end;gap:12px;padding:22px;transition:opacity .35s;display:flex;position:absolute;inset:0}.pr-visual:hover .pr-hover{opacity:1}.pr-hover-role{color:var(--text-h);font-size:13px;font-weight:600}.pr-hover-tech{flex-wrap:wrap;gap:9px;display:flex}.pr-hover-tech i{font-size:18px}.pr-hover-btn{font-family:var(--mono);color:#04121a;background:var(--gradient);border-radius:8px;align-self:flex-start;padding:8px 16px;font-size:12px;font-weight:600}.pr-info{position:relative}.pr-index{font-family:var(--mono);color:var(--cyan);letter-spacing:2px;font-size:13px}.pr-cat{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:20px;margin:10px 0 12px;padding:5px 12px;font-size:11px;display:inline-block}.pr-info h3{margin-bottom:12px;font-size:clamp(24px,3vw,32px);line-height:1.1}.pr-info>p{color:var(--text-dim);max-width:460px;margin-bottom:18px;line-height:1.7}.pr-tech{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pr-tech span{color:var(--text);border:1px solid var(--border);background:#ffffff05;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;display:inline-flex}.pr-tech i{font-size:13px}.pr-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=820px){.project-row{grid-template-columns:1fr;gap:22px}.project-row:nth-child(2n) .pr-visual{order:0}}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:50px;display:grid}.contact-intro p{color:var(--text-dim);max-width:420px;margin-bottom:26px}.contact-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.contact-list a{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;transition:border-color .2s,transform .2s;display:flex}.contact-list a:hover{border-color:var(--border-strong);transform:translate(4px)}.contact-list .contact-copy-row{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.contact-list .contact-copy-row .c-body{flex:1}.contact-list .c-copy{border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;transition:border-color .2s,color .2s,background .2s;display:grid}.contact-list .c-copy:hover{border-color:var(--border-strong);color:var(--cyan);background:#00e0ff14}.contact-list .ico{background:var(--gradient-soft);width:38px;height:38px;color:var(--cyan);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.contact-list .c-label{color:var(--text-dim);font-size:12px;font-family:var(--mono)}.contact-list .c-val{color:var(--text-h);font-size:15px}.contact-form{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:16px;padding:28px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--text-dim);font-size:13px;font-family:var(--mono)}.field input,.field textarea{font-family:var(--sans);color:var(--text-h);border:1px solid var(--border);resize:vertical;background:#0000004d;border-radius:10px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--border-strong);outline:none;box-shadow:0 0 0 3px #00e0ff1f}.form-status{font-size:14px;font-family:var(--mono);border-radius:10px;padding:10px 14px}.form-status.success{color:#6ef2b0;background:#2ed5731a;border:1px solid #2ed57340}.form-status.error{color:#ff8b8b;background:#ff47471a;border:1px solid #ff474740}.contact-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=820px){.contact-grid{grid-template-columns:1fr;gap:34px}}.footer{border-top:1px solid var(--border);padding:0}.admin{min-height:100vh;padding:60px 0 80px}.admin-inner{width:var(--maxw);max-width:100%;margin:0 auto;padding-inline:24px}.admin-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;padding-bottom:26px;display:flex}.admin-title{letter-spacing:-.5px;margin:6px 0 8px;font-size:clamp(28px,4vw,40px)}.admin-sub{color:var(--text-dim);font-family:var(--mono);font-size:14px}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-actions .btn{padding:10px 18px;font-size:14px}.btn-danger{color:#ff8b8b;font-family:var(--sans);cursor:pointer;background:#ff47471a;border:1px solid #ff474747;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.btn-danger:hover:not(:disabled){background:#ff47472e;transform:translateY(-2px)}.btn:disabled,.btn-danger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.admin-list{gap:16px;display:grid}.admin-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px 22px;transition:border-color .2s,box-shadow .2s}.admin-card:hover{border-color:var(--border-strong);box-shadow:0 14px 36px -22px var(--accent-glow)}.admin-card-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.admin-card h3{margin-bottom:6px;font-size:18px}.admin-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-email{color:var(--cyan);align-items:center;gap:6px;font-size:14px;display:inline-flex}.admin-date{color:var(--text-dim);font-family:var(--mono);font-size:13px}.admin-card-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.admin-reply{color:var(--text-h);border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.admin-reply:hover{border-color:var(--border-strong);color:var(--cyan)}.admin-del{border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;font-size:14px;transition:color .2s,border-color .2s}.admin-del:hover{color:#ff8b8b;border-color:#ff474766}.admin-message{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.6}.admin-empty{text-align:center;border:1px dashed var(--border);background:var(--surface);border-radius:18px;padding:80px 20px}.admin-empty .glyph{font-family:var(--mono);color:var(--cyan);text-shadow:0 0 24px var(--accent-glow);margin-bottom:10px;font-size:48px}.admin-empty h3{margin-bottom:8px;font-size:22px}.admin-empty p{color:var(--text-dim);margin-bottom:22px}.admin-foot{margin-top:28px}@media (width<=600px){.admin-card-top{flex-direction:column}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,12px)}to{opacity:0}}.lazy-section-shell{content-visibility:auto;contain-intrinsic-size:620px;position:relative}.lazy-section-content{opacity:1}.lazy-section-spacer{min-height:inherit}.lazy-section-loader,.lazy-route-loader{min-height:260px}.app-state{text-align:center;min-height:100vh;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.app-state h2{font-size:22px}.app-state .glyph{font-family:var(--mono);color:var(--cyan);text-shadow:0 0 24px var(--accent-glow);font-size:44px}.app-state code{font-family:var(--mono);color:var(--cyan);background:var(--surface-2);border-radius:5px;padding:2px 6px}.loader{border:3px solid var(--border);border-top-color:var(--cyan);width:42px;height:42px;box-shadow:0 0 22px -6px var(--accent-glow);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;display:grid}.hero-icons{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tech-float{opacity:.42;filter:drop-shadow(0 0 10px);will-change:transform;animation-name:floatY;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;transform:translate(-50%,-50%)}@keyframes floatY{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)}50%{transform:translate(-50%,-50%)translateY(-20px)rotate(10deg)}}.hero-visual{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-portrait{aspect-ratio:1;background:var(--gradient);width:clamp(230px,30vw,380px);box-shadow:0 0 70px -12px var(--accent-glow);border-radius:50%;padding:6px;position:relative}.hero-portrait:before{content:"";background:conic-gradient(from 0deg, var(--cyan), transparent 25%, var(--blue) 50%, transparent 75%, var(--cyan));opacity:.7;border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:-16px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}.hero-portrait img{object-fit:cover;background:var(--bg-2);border-radius:50%;width:100%;height:100%;display:block;position:relative}@media (width<=900px){.hero-layout{grid-template-columns:1fr;gap:24px}.hero-visual{order:-1}}@media (width<=560px){.tech-float{opacity:.26}}@media (prefers-reduced-motion:reduce){.tech-float,.hero-portrait:before{animation:none}}.about-image{background:var(--bg-2)}.about-image img{z-index:1}.about-image:after{z-index:3}.about-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.about-bg:before{content:"";filter:blur(6px);background:radial-gradient(circle at 30% 30%,#00e0ff6b,#0000 42%),radial-gradient(circle at 72% 62%,#4d7cff6b,#0000 45%),radial-gradient(circle at 50% 85%,#7a5cff57,#0000 44%);animation:14s ease-in-out infinite alternate aboutBlobs;position:absolute;inset:-25%}.about-bg:after{content:"";opacity:.55;background-image:linear-gradient(#00e0ff17 1px,#0000 1px),linear-gradient(90deg,#00e0ff17 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 55%,#000,#0000 78%);mask:radial-gradient(circle at 50% 55%,#000,#0000 78%)}@keyframes aboutBlobs{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,-4%)scale(1.12)}to{transform:translate(-4%,4%)scale(1.06)}}.timeline{max-width:920px;margin:10px auto 0;padding:20px 0;position:relative}.timeline:before{content:"";background:linear-gradient(var(--cyan), var(--blue) 40%, var(--blue) 60%, transparent);opacity:.45;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;opacity:0;width:50%;padding:16px 42px;transition:opacity .6s,transform .6s;position:relative}.timeline-item.left{left:0;transform:translate(-40px)}.timeline-item.right{left:50%;transform:translate(40px)}.timeline-item.is-visible{opacity:1;transform:none}.timeline-dot{background:var(--gradient);width:16px;height:16px;box-shadow:0 0 14px var(--accent-glow);z-index:2;border-radius:50%;position:absolute;top:30px}.timeline-item.left .timeline-dot{right:-8px}.timeline-item.right .timeline-dot{left:-8px}.exp-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px 22px;transition:border-color .25s,box-shadow .25s,transform .25s}.exp-card:hover{border-color:var(--border-strong);box-shadow:0 18px 44px -24px var(--accent-glow);transform:translateY(-3px)}.exp-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}.exp-logo{background:var(--gradient-soft);border:1px solid var(--border);width:48px;height:48px;color:var(--cyan);border-radius:12px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.exp-logo-fallback{place-items:center;width:100%;height:100%;font-size:18px;display:grid;position:relative}.exp-logo-initials{font-family:var(--heading);color:var(--text-h);font-size:12px;font-weight:700;position:absolute;bottom:3px;right:4px}.exp-headinfo{min-width:0}.exp-role{margin:0 0 2px;font-size:17px}.exp-period{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;border:1px solid var(--border);border-radius:20px;align-self:flex-start;margin-left:auto;padding:4px 10px;font-size:12px}.exp-points{color:var(--text-dim);margin:0 0 14px;padding-left:18px;font-size:14.5px;line-height:1.6}.exp-points li{margin-bottom:6px}.exp-tech{flex-wrap:wrap;gap:7px;display:flex}.exp-tech span{font-family:var(--mono);color:var(--cyan);background:#00e0ff14;border:1px solid #00e0ff2e;border-radius:6px;padding:4px 9px;font-size:12px}@media (width<=720px){.timeline:before{left:18px}.timeline-item,.timeline-item.left,.timeline-item.right{width:100%;padding:12px 0 12px 48px;left:0;transform:translate(28px)}.timeline-item.is-visible{transform:none}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:10px;right:auto}.exp-period{margin-left:0}}@media (prefers-reduced-motion:reduce){.about-bg:before{animation:none}.timeline-item{opacity:1;transition:none;transform:none}}.cursor-trail{z-index:9999;pointer-events:none;position:fixed;inset:0}@media (hover:none),(pointer:coarse){.cursor-trail{display:none}}.about-orbit{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.orbit-ring{aspect-ratio:1;border-radius:50%;position:absolute}.orbit-ring.r1{border:1px solid #00e0ff29;height:94%}.orbit-ring.r2{border:1px dashed #4d7cff3d;height:68%}.orbit-ring.r3{border:1px solid #7a5cff2e;height:42%;box-shadow:inset 0 0 50px #00e0ff24}.orbit-icons{aspect-ratio:1;height:82%;animation:48s linear infinite spin;position:absolute}.orbit-icon{opacity:.85;filter:drop-shadow(0 0 8px);font-size:clamp(15px,2.3vw,25px);position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.orbit-icons{animation:none}.cursor-trail{display:none}}.galaxy-bg{z-index:-1;background:#04040e url(/assets/galaxy.jpg) 50%/cover no-repeat;position:fixed;inset:0;overflow:hidden}.galaxy-bg:before{content:"";background:radial-gradient(circle at 50% 38%,#0000 28%,#04040c8c 100%);position:absolute;inset:0}.stars{opacity:.6;background-image:radial-gradient(1.4px 1.4px at 40px 60px,#ffffffe6,#0000),radial-gradient(1px 1px at 130px 90px,#c8ebffcc,#0000),radial-gradient(1.6px 1.6px at 80px 160px,#ffffffb3,#0000),radial-gradient(1px 1px at 180px 40px,#b4dcffb3,#0000),radial-gradient(1.2px 1.2px at 200px 180px,#ffffffbf,#0000);background-repeat:repeat;background-size:220px 220px;animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.stars2{opacity:.4;background-size:320px 320px;animation-duration:8.5s}@keyframes twinkle{0%{opacity:.3}to{opacity:.7}}.about-image{box-shadow:none;background:0 0;border:none;min-height:360px;overflow:visible}.about-image:after{content:none}.about-halo{aspect-ratio:1;filter:blur(16px);z-index:0;background:radial-gradient(circle,#00e0ff38,#7a5cff1f 45%,#0000 70%);border-radius:50%;width:92%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-image img.about-mandala{top:50%;left:50%;aspect-ratio:1;object-fit:contain;object-position:center;z-index:1;opacity:.85;filter:drop-shadow(0 0 22px #00e0ff4d);width:min(104%,470px);height:auto;animation:60s linear infinite spin;position:absolute;inset:auto;transform:translate(-50%,-50%)}.about-image img.about-photo{object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(0 24px 40px #0000008c)drop-shadow(0 0 26px #00e0ff29);width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.about-image img.about-mandala,.stars{animation:none}}.about-image{background:var(--bg-2);border:1px solid var(--border);box-shadow:0 24px 60px -30px var(--accent-glow);border-radius:18px;overflow:hidden}.about-image img.about-mandala{width:min(96%,460px)}.about-image img.about-photo{top:50%;left:50%;object-position:center bottom;width:auto;height:84%;inset:auto;transform:translate(-50%,-50%)}.about-image{background:var(--gradient-soft);border:1px solid var(--border);min-height:320px;box-shadow:0 24px 60px -30px var(--accent-glow);border-radius:18px;position:relative;overflow:hidden}.about-image:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px var(--border-strong);z-index:3;border-radius:18px;position:absolute;inset:0}.about-image img{object-fit:contain;object-position:center bottom;filter:none;z-index:1;width:100%;height:100%;position:absolute;inset:auto 0 0 auto;transform:none}.about-image{perspective:900px}.about-particles{z-index:0;pointer-events:none;position:absolute;inset:0}.about-image img{z-index:1;transform-origin:50%;will-change:transform;transition:transform .18s ease-out}.scroll-top{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:56px;height:56px;color:var(--cyan);cursor:pointer;z-index:90;opacity:0;pointer-events:none;background:#060910b8;border-radius:50%;place-items:center;transition:opacity .3s,transform .3s,box-shadow .3s,border-color .3s;display:grid;position:fixed;bottom:26px;right:26px;transform:translateY(16px)scale(.9)}.scroll-top.visible{opacity:1;pointer-events:auto;transform:none}.scroll-top:hover{border-color:var(--border-strong);box-shadow:0 0 24px -4px var(--accent-glow)}.scroll-top-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.scroll-top-ring .track{fill:none;stroke:#ffffff1a;stroke-width:3px}.scroll-top-ring .progress{fill:none;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--accent-glow));transition:stroke-dashoffset .1s linear}.scroll-top-arrow{z-index:1;width:22px;height:22px;position:relative}@media (width<=560px){.scroll-top{width:50px;height:50px;bottom:16px;right:16px}}#root{position:relative}.decor-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.decor-wrap{will-change:transform;position:absolute}.decor{animation:decorFloat var(--d,9s) ease-in-out infinite alternate;place-items:center;display:grid}@keyframes decorFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-18px)rotate(10deg)}}.decor.geo{opacity:.5;filter:drop-shadow(0 0 10px rgba(var(--c), .45));animation:geoDrift var(--d,10s) ease-in-out infinite alternate}.decor.geo svg{width:100%;height:100%;display:block;overflow:visible}.decor.geo svg path{stroke:rgba(var(--c), .62);stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}@keyframes geoDrift{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-22px) rotate(var(--r,24deg))}}.decor.plus,.decor.code{font-family:var(--mono);color:rgba(var(--c), .5);text-shadow:0 0 14px rgba(var(--c), .5);font-weight:700;line-height:1}.decor.plus{font-size:26px}.decor.code{letter-spacing:-1px;font-size:20px}.section-title{position:relative}.section-title:before{content:"";filter:blur(16px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#00e0ff38,#0000 70%);border-radius:50%;width:84px;height:84px;position:absolute;top:-24px;left:-34px}@media (prefers-reduced-motion:reduce){.decor{animation:none}}.hero-stats{opacity:0;flex-wrap:wrap;gap:34px;margin-top:38px;animation:.7s .5s forwards fadeUp;display:flex}.hero-stat-num{font-family:var(--heading);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1}.hero-stat-label{font-family:var(--mono);color:var(--text-dim);margin-top:6px;font-size:12.5px}.social-sidebar{z-index:40;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.social-sidebar a,.social-item>button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s,transform .2s;display:flex}.social-sidebar a:hover,.social-item>button:hover{color:var(--cyan);transform:translateY(-3px)}.social-line{background:linear-gradient(var(--border-strong), transparent);width:1px;height:80px;margin-top:8px}@media (width<=992px){.social-sidebar{display:none}}.nav-cta{color:#eafcff;border:1px solid var(--border-strong);box-shadow:none;background:#00e0ff24}.nav-cta:hover{color:#fff;box-shadow:0 8px 22px -8px var(--accent-glow);background:#00e0ff3d;transform:translateY(-2px)}.footer-panel{width:100%;box-shadow:none;background:#05070df5;border:none;margin:0;overflow:hidden}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;margin:0;padding:42px 22px 22px;list-style:none;display:flex}.footer-links a{color:#111827;background:#f4f7fb;border-radius:50%;place-items:center;width:42px;height:42px;transition:color .2s,background .2s,transform .2s;display:grid}.footer-links a:hover{color:#04121a;background:var(--cyan);transform:translateY(-3px)}.footer-links .fl-ico{place-items:center;display:grid}.footer-explore ul{flex-wrap:wrap;justify-content:center;gap:28px;margin:0;padding:0 22px 34px;list-style:none;display:flex}.footer-explore a{color:var(--text);font-size:14px;transition:color .2s}.footer-explore a:hover{color:var(--cyan)}.footer-bottom{text-align:center;background:#00000057;padding:14px 18px}.footer-bottom p{color:var(--text);font-size:12px}.subpage{min-height:68vh;padding-top:40px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-strong);box-shadow:0 24px 50px -26px var(--accent-glow);transform:translateY(-6px)}.blog-thumb{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.blog-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-thumb img{transform:scale(1.05)}.blog-tag{font-family:var(--mono);color:#04121a;background:var(--gradient);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.blog-body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.blog-meta{font-family:var(--mono);color:var(--text-dim);margin-bottom:10px;font-size:12.5px}.blog-body h3{margin-bottom:10px;font-size:19px;line-height:1.25}.blog-body p{color:var(--text-dim);flex:1;margin-bottom:16px;font-size:15px}.blog-read{color:var(--cyan);align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.blog-read:hover{color:#eafcff}.exp-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.exp-logo{border:1px solid var(--border);width:58px;height:58px;color:var(--cyan);background:#ffffff0f;border-radius:12px;flex-shrink:0;place-items:center;padding:6px;display:grid;overflow:hidden}.exp-logo img{object-fit:contain;width:100%;height:100%}.exp-period{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;border:1px solid var(--border);border-radius:20px;align-self:center;margin:0;padding:5px 12px;font-size:12px}.exp-role{margin:0 0 4px;font-size:18px;line-height:1.25}.exp-company{color:var(--cyan);align-items:center;gap:6px;font-size:14px;display:inline-flex}.exp-company:hover{color:#eafcff}.exp-location{color:var(--text-dim);margin:8px 0 12px;font-size:13px}.exp-logo{background:0 0;border:none;border-radius:0;align-items:center;width:auto;max-width:180px;height:54px;padding:0;display:flex;overflow:visible}.exp-logo img{object-fit:contain;width:auto;max-width:180px;height:100%;display:block}.exp-logo-fallback{border:1px solid var(--border);background:#ffffff0f;border-radius:12px;width:54px;height:54px}.skill-tags .skill-chip{align-items:center;gap:8px;display:inline-flex}.skill-tags .skill-chip i{color:var(--cyan);font-size:15px}.skill-tags.icons-only{gap:12px}.skill-tags.icons-only .skill-chip{gap:0;padding:11px}.skill-tags.icons-only .skill-chip i{font-size:20px}.skill-tags.icons-only .skill-chip:hover{border-color:var(--border-strong);color:var(--cyan)}.exp-home-list{gap:16px;display:grid}.exp-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:22px;padding:18px 22px;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.exp-row:hover{border-color:var(--border-strong);box-shadow:0 16px 40px -24px var(--accent-glow);transform:translateY(-3px)}.exp-row .exp-logo{flex-shrink:0}.exp-row-body{flex:1;min-width:0}.exp-row-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.exp-row-head .exp-role{margin:0;font-size:17px}.exp-row-tech{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.exp-row-tech span{font-family:var(--mono);color:var(--cyan);background:#00e0ff14;border:1px solid #00e0ff2e;border-radius:6px;padding:3px 8px;font-size:11.5px}.exp-more{margin-top:24px}@media (width<=600px){.exp-row{flex-direction:column;align-items:flex-start;gap:14px}.exp-row-head{flex-direction:column;align-items:flex-start;gap:4px}}.exp-tech span,.exp-row-tech span{align-items:center;gap:6px;display:inline-flex}.exp-tech span i,.exp-row-tech span i{color:var(--cyan);font-size:12px}.skills-hub{grid-template-columns:250px 1fr;align-items:start;gap:26px;display:grid}.skills-tabs{flex-direction:column;gap:10px;display:flex}.skills-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-family:var(--heading);cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:15px;font-weight:600;transition:color .25s,background .25s,border-color .25s,box-shadow .25s;display:flex}.skills-tab:hover{color:var(--text-h);border-color:var(--border-strong)}.skills-tab.active{color:#04121a;background:var(--gradient);box-shadow:0 12px 30px -14px var(--accent-glow);border-color:#0000}.skills-tab-count{font-family:var(--mono);background:#ffffff1f;border-radius:20px;padding:2px 9px;font-size:12px}.skills-tab.active .skills-tab-count{background:#04121a40}.skills-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:14px;min-height:240px;padding:22px;display:grid}.skill-tile{border:1px solid var(--border);text-align:center;opacity:0;animation:.45s forwards tileIn;animation-delay:calc(var(--i) * 45ms);background:#ffffff05;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.skill-tile:hover{border-color:var(--border-strong);box-shadow:0 16px 40px -22px var(--accent-glow);transform:translateY(-5px)}.skill-tile-icon{width:54px;height:54px;color:var(--cyan);filter:drop-shadow(0 0 10px);background:#ffffff0d;border-radius:14px;place-items:center;font-size:26px;display:grid}.skill-tile-name{color:var(--text);font-size:13px;font-weight:500}@keyframes tileIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@media (width<=760px){.skills-hub{grid-template-columns:1fr}.skills-tabs{flex-direction:row;padding-bottom:4px;overflow-x:auto}.skills-tab{flex:none}}@media (prefers-reduced-motion:reduce){.skill-tile{opacity:1;animation:none}}.skills-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 60px -40px var(--accent-glow);border-radius:18px;padding:30px 34px}.skills-list{grid-template-columns:repeat(3,1fr);gap:18px 40px;display:grid}.skill-item{align-items:center;gap:14px;padding:8px 0;display:flex}.skill-bullet{border:1px solid var(--border-strong);width:36px;height:36px;color:var(--cyan);background:#ffffff0a;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;transition:transform .2s,box-shadow .2s;display:grid}.skill-item-name{font-family:var(--heading);color:var(--text-h);font-size:15px;font-weight:500;transition:color .2s}.skill-item:hover .skill-bullet{transform:translateY(-2px);box-shadow:0 0 16px -2px}.skill-item:hover .skill-item-name{color:var(--cyan)}@media (width<=760px){.skills-list{grid-template-columns:repeat(2,1fr);gap:14px 26px}.skills-card{padding:24px 22px}}@media (width<=460px){.skills-list{grid-template-columns:1fr}}.skills-tabbar{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.skills-tabbar button{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-family:var(--heading);cursor:pointer;border-radius:30px;align-items:center;gap:9px;padding:10px 18px;font-size:14px;font-weight:600;transition:color .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex}.skills-tabbar button:hover{color:var(--text-h);border-color:var(--border-strong)}.skills-tabbar button.active{color:#04121a;background:var(--gradient);box-shadow:0 10px 26px -14px var(--accent-glow);border-color:#0000}.skills-tabbar .count{font-family:var(--mono);background:#ffffff1f;border-radius:20px;padding:1px 8px;font-size:11px}.skills-tabbar button.active .count{background:#04121a40}.skills-list .skill-item{opacity:0;animation:.4s forwards fadeUp;animation-delay:calc(var(--i) * 40ms)}@media (prefers-reduced-motion:reduce){.skills-list .skill-item{opacity:1;animation:none}}.gradient-text{background-image:linear-gradient(110deg,#00e0ff,#4d7cff,#7a5cff,#4d7cff,#00e0ff);background-size:220% 100%;animation:7s linear infinite gradientFlow}@keyframes gradientFlow{to{background-position:220% 0}}.navbar:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--cyan) 32%, var(--blue) 55%, transparent 100%);opacity:0;pointer-events:none;background-size:220% 100%;height:1px;transition:opacity .35s;animation:5s linear infinite navSheen;position:absolute;bottom:-1px;left:0;right:0}.navbar.scrolled:after{opacity:.8}@keyframes navSheen{to{background-position:220% 0}}.nav-logo-text>span{animation:2.6s ease-in-out infinite dotPulse;display:inline-block}@keyframes dotPulse{0%,to{text-shadow:0 0 6px #0000;transform:scale(1)}50%{text-shadow:0 0 14px var(--accent-glow);transform:scale(1.3)}}.nav-cta{animation:3s ease-in-out infinite ctaGlow}@keyframes ctaGlow{0%,to{box-shadow:0 0 #00e0ff00}50%{box-shadow:0 0 20px -4px var(--accent-glow)}}.hero-portrait{animation:6s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section-tag:before{animation:2.8s ease-in-out infinite tagPulse}@keyframes tagPulse{0%,to{opacity:.6;width:26px}50%{opacity:1;width:40px}}@media (prefers-reduced-motion:reduce){.gradient-text,.navbar:after,.nav-logo-text>span,.nav-cta,.hero-portrait,.section-tag:before{animation:none}}.social-item{display:flex;position:relative}.social-hint{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px -14px var(--accent-glow);white-space:nowrap;opacity:0;pointer-events:none;background:#080c14f0;border-radius:10px;align-items:center;gap:8px;padding:7px 8px 7px 13px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)translate(8px)}.social-item:hover .social-hint{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.social-hint:after{content:"";width:14px;position:absolute;top:0;bottom:0;right:-14px}.social-hint-text{flex-direction:column;line-height:1.2;display:flex}.social-hint-label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:10px}.social-hint-value{color:var(--text-h);text-overflow:ellipsis;max-width:260px;font-size:13px;overflow:hidden}.social-copy{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--cyan);cursor:pointer;border-radius:7px;flex-shrink:0;place-items:center;transition:color .2s,border-color .2s,background .2s;display:grid}.social-copy:hover{border-color:var(--border-strong);background:#00e0ff1a}.contact-grid{align-items:stretch}.contact-intro{flex-direction:column;display:flex}.contact-intro>p{margin-bottom:22px}.contact-list{flex:1;justify-content:space-between;gap:12px}.contact-list a{padding:12px 16px}.services-section{z-index:5;padding-top:0;position:relative;overflow:hidden}.services-stage{align-items:center;margin-top:0;display:flex;position:relative}.services-track{perspective:1200px;height:350px;transform-style:preserve-3d;flex:1;position:relative}.service-card{--card-w:min(320px, 82vw);width:var(--card-w);box-sizing:border-box;text-align:center;border:1px solid var(--border);cursor:pointer;transform-origin:50%;will-change:transform, opacity;background:linear-gradient(#0d1322,#0a0e18);border-radius:22px;min-height:292px;padding:34px 26px;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .58s,border-color .3s,box-shadow .3s;position:absolute;top:24px;left:50%;overflow:hidden}.service-card.active{box-shadow:0 34px 82px -36px var(--accent-glow);border-color:#00e0ff6b}.service-card>:not(.service-wave){z-index:1;position:relative}.service-icon{background:var(--gradient-soft);border:1px solid var(--border-strong);width:62px;height:62px;color:var(--cyan);box-shadow:0 0 26px -8px var(--accent-glow);border-radius:16px;place-items:center;margin:0 auto 20px;font-size:24px;transition:transform .4s;display:grid}.service-card.active .service-icon{transform:translateY(-2px)scale(1.06)}.service-card h3{color:var(--text-h);margin-bottom:12px;font-size:20px}.service-card p{color:var(--text-dim);max-width:250px;margin:0 auto;font-size:14px;line-height:1.6}.service-wave{z-index:0;pointer-events:none;border-radius:0 0 22px 22px;height:64px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.service-wave svg{width:200%;height:100%;animation:7s linear infinite paused waveSlide;position:absolute;bottom:0;left:0;transform:translate(0)}.service-wave svg.a path{fill:#00c7d8}.service-wave svg.b{animation-duration:11s}.service-wave svg.b path{fill:#4d7cff}.service-card:hover .service-wave svg,.service-card.active .service-wave svg{animation-play-state:running}@keyframes waveSlide{to{transform:translate(-50%)}}.carousel-nav{z-index:30;border:1px solid var(--border-strong);width:46px;height:46px;color:var(--text-h);cursor:pointer;background:#0d1322;border-radius:50%;place-items:center;font-size:26px;line-height:1;transition:border-color .2s,color .2s,background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav.prev{left:4px}.carousel-nav.next{right:4px}.carousel-nav:hover{color:var(--cyan);border-color:var(--cyan);background:#00e0ff14}.carousel-nav.prev:hover{transform:translateY(-50%)translate(-2px)}.carousel-nav.next:hover{transform:translateY(-50%)translate(2px)}.carousel-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.c-dot{background:var(--border-strong);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:background .25s,transform .25s}.c-dot.on{background:var(--gradient);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.35)}@media (prefers-reduced-motion:reduce){.service-card{transition:opacity .3s}.service-wave svg{animation:none}}@media (width<=720px){.service-card{--card-w:min(280px, 84vw)}.services-track{height:366px}.carousel-nav{width:40px;height:40px;font-size:22px}}.about-image{animation:5.5s ease-in-out infinite aboutGlow;overflow:hidden}@keyframes aboutGlow{0%,to{box-shadow:0 24px 60px -30px #00e0ff80,0 0 44px -18px #00e0ff66}50%{box-shadow:0 26px 70px -28px #7a5cff8c,0 0 60px -16px #4d7cff80}}.about-image:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff1f,#0000);width:48%;height:100%;animation:6s ease-in-out infinite aboutSheen;position:absolute;top:0;left:-60%;transform:skew(-18deg)}@keyframes aboutSheen{0%{left:-60%}55%,to{left:130%}}.about-image:after{animation:5.5s ease-in-out infinite aboutFrame}@keyframes aboutFrame{0%,to{box-shadow:inset 0 0 0 1px #00e0ff59}50%{box-shadow:inset 0 0 0 1px #7a5cff73}}.about-text .about-lead{padding-left:18px;position:relative}.about-text .about-lead:before{content:"";background:var(--gradient);width:3px;box-shadow:0 0 12px var(--accent-glow);border-radius:3px;position:absolute;top:4px;bottom:4px;left:0}@media (prefers-reduced-motion:reduce){.about-image,.about-image:before,.about-image:after{animation:none}}.project-detail{min-height:100vh;padding:0 0 70px;position:relative}.pd-bg-wrap{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pd-bg{filter:blur(30px)saturate(1.15);opacity:.22;z-index:0;background-position:top;background-size:cover;position:absolute;inset:0;transform:scale(1.16)}.pd-bg-overlay{z-index:0;background:radial-gradient(900px 520px at 50% -8%, #00e0ff29, transparent 60%), linear-gradient(180deg, #05070db8 0%, #05070deb 55%, var(--bg) 100%);position:absolute;inset:0}.pd-container{z-index:1;padding-top:96px;position:relative}.project-back{color:var(--text-dim);font-family:var(--mono);align-items:center;gap:8px;margin-bottom:22px;font-size:13px;transition:color .2s,transform .2s;display:inline-flex}.project-back:hover{color:var(--cyan);transform:translate(-3px)}.pd-split{grid-template-columns:1fr 320px;align-items:start;gap:34px;display:grid}.pd-main-col{flex-direction:column;gap:24px;min-width:0;display:flex}.pd-preview{border:1px solid var(--border);background:#0a0e18;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -34px #000c}.pd-browser-bar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:8px;padding:12px 15px;display:flex}.pd-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.pd-dot.r{background:#ff5f57}.pd-dot.y{background:#febc2e}.pd-dot.g{background:#28c840}.pd-url{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:#0000004d;border-radius:8px;flex:1;margin-left:10px;padding:4px 12px;font-size:12px;overflow:hidden}.pd-preview img{width:100%;height:auto;display:block}.pd-write{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0d1322b3,#080b14b8);border-radius:22px;padding:34px 38px;position:relative;overflow:hidden}.pd-write:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--blue), #7a5cff, var(--cyan));background-size:200% 100%;height:3px;animation:4s linear infinite pdAccent;position:absolute;top:0;left:0;right:0}@keyframes pdAccent{to{background-position:200% 0}}.pd-category{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);border:1px solid var(--border-strong);border-radius:20px;margin-bottom:14px;padding:5px 12px;font-size:12px;display:inline-block}.pd-title{margin-bottom:14px;font-size:clamp(28px,4vw,44px);line-height:1.05}.pd-lead{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:26px;padding-bottom:26px;font-size:17px;line-height:1.6}.pd-block{margin-bottom:24px}.pd-block h4{letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);font-size:12px;font-family:var(--mono);align-items:center;gap:8px;margin-bottom:9px;display:flex}.pd-block h4:before{content:"";background:var(--gradient);border-radius:2px;width:14px;height:2px}.pd-block p{color:var(--text);line-height:1.7}.pd-desc :first-child{margin-top:0}.pd-desc h2{color:var(--text-h);margin:26px 0 10px;font-size:21px}.pd-desc h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);font-size:12px;font-family:var(--mono);align-items:center;gap:8px;margin:24px 0 9px;display:flex}.pd-desc h3:before{content:"";background:var(--gradient);border-radius:2px;width:14px;height:2px}.pd-desc h4{color:var(--text-h);margin:20px 0 8px;font-size:15px}.pd-desc p{color:var(--text);margin-bottom:14px;line-height:1.7}.pd-desc ul,.pd-desc ol{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.pd-desc li{color:var(--text);padding-left:27px;line-height:1.5;position:relative}.pd-desc li:before{content:"";background:var(--gradient);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px;position:absolute;top:8px;left:6px}.pd-desc ul.check li:before{content:"✓";width:auto;height:auto;box-shadow:none;color:var(--cyan);background:0 0;font-weight:700;top:0;left:0}.pd-desc a{color:var(--cyan);text-decoration:underline}.pd-desc strong{color:var(--text-h)}.pd-desc img{border-radius:12px;max-width:100%;margin:12px 0}.pd-desc code{font-family:var(--mono);color:var(--cyan);background:#0000004d;border-radius:5px;padding:2px 6px;font-size:13px}.pd-features,.pd-check{gap:11px;margin:0;padding:0;list-style:none;display:grid}.pd-features li,.pd-check li{color:var(--text);padding-left:27px;line-height:1.5;position:relative}.pd-features li:before{content:"";background:var(--gradient);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px;position:absolute;top:8px;left:6px}.pd-check li:before{content:"✓";color:var(--cyan);font-weight:700;position:absolute;top:0;left:0}.pd-side-col{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:68px}.pd-side-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d13229e;border-radius:14px;padding:14px 16px}.pd-side-cap{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-family:var(--mono);margin-bottom:11px;display:block}.pd-meta{border-bottom:1px solid var(--border);padding:8px 0}.pd-meta:last-child{border-bottom:none}.pd-meta span{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-family:var(--mono);margin-bottom:3px;display:block}.pd-meta strong{color:var(--text-h);font-size:13.5px;font-weight:600;line-height:1.35;display:block}.pd-status{color:#28c840!important}.pd-tech-card{position:relative}.pd-tech-row{align-items:center;gap:8px;display:flex;position:relative}.pd-ic{border:1px solid var(--border);background:#ffffff05;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.pd-tech-more{border-color:var(--border-strong);color:var(--cyan);font-family:var(--mono);cursor:pointer;background:#00e0ff14;font-size:12px;font-weight:600;transition:background .2s}.pd-tech-more:hover{background:#00e0ff29}.pd-tech-pop{z-index:20;border:1px solid var(--border-strong);background:#0a0e18fa;border-radius:12px;flex-wrap:wrap;gap:7px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 22px 54px -20px #000000e6}.pd-tech-pop span{color:var(--text);border:1px solid var(--border);background:#ffffff05;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.pd-tech-pop i{font-size:13px}.pd-visit{justify-content:center}@media (width<=900px){.pd-split{grid-template-columns:1fr;gap:24px}.pd-side-col{position:static}.pd-write{padding:24px}}.projects-tiles{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.project-tile{border:1px solid var(--border);background:#0a0e18;border-radius:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 26px 60px -36px #000000d9}.project-tile:hover{border-color:var(--border-strong);box-shadow:0 40px 90px -40px var(--accent-glow);transform:translateY(-6px)}.project-tile .pr-shot{aspect-ratio:16/11}.project-tile:hover .pr-hover{opacity:1}.project-tile:hover .pr-shot img{transform:scale(1.05)}.pt-cat{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);font-size:11px}.pt-title{font-family:var(--heading);color:var(--text-h);font-size:19px;font-weight:600;line-height:1.2}.projects-more{justify-content:center;margin-top:40px;display:flex}@media (width<=900px){.projects-tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.projects-tiles{grid-template-columns:1fr}}.proj-browser{grid-template-columns:224px 1fr;align-items:start;gap:34px;margin-top:24px;display:grid}.proj-filters{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d132280;border-radius:16px;padding:18px;position:sticky;top:68px}.proj-filters h4{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;font-size:11px}.proj-filters ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.proj-filters button{width:100%;color:var(--text-dim);font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:13.5px;transition:background .2s,color .2s;display:flex}.proj-filters button:hover{color:var(--text-h);background:#ffffff08}.proj-filters button.active{color:var(--cyan);background:#00e0ff14}.proj-filters .count{font-family:var(--mono);color:var(--text-dim);background:#ffffff0f;border-radius:20px;flex-shrink:0;padding:1px 8px;font-size:11px}.proj-filters button.active .count{color:var(--cyan);background:#00e0ff24}.proj-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (width<=992px){.proj-browser{grid-template-columns:1fr;gap:22px}.proj-filters{position:static}.proj-filters ul{flex-flow:wrap;gap:8px}.proj-filters button{border:1px solid var(--border);width:auto}}@media (width<=560px){.proj-grid{grid-template-columns:1fr}}.skill-orbit{aspect-ratio:1;width:min(520px,92vw);margin:44px auto 0;position:relative}.orbit-stage{animation:orbitLife var(--cycle,4.6s) ease-in-out both;position:absolute;inset:0}@keyframes orbitLife{0%{opacity:0;transform:scale(.95)}9%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.orbit-lines{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit-lines line{stroke:#00e0ff59;stroke-width:.5px;stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s forwards orbitDraw;animation-delay:calc(.25s + var(--i) * .12s)}@keyframes orbitDraw{to{stroke-dashoffset:0}}.orbit-center{border:1px solid var(--border-strong);width:122px;height:122px;box-shadow:0 0 54px -10px var(--accent-glow);z-index:3;background:radial-gradient(circle,#0d1322f5,#080b14eb);border-radius:50%;place-items:center;gap:6px;animation:.5s both centerPop;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-center i{color:var(--gc,var(--cyan));font-size:36px}.orbit-center span{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-h);font-size:11px}@keyframes centerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.orbit-node{z-index:4;opacity:0;animation:.5s forwards nodeIn;animation-delay:calc(.35s + var(--i) * .13s);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes nodeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.orbit-ic{border:1px solid var(--border);background:#0d1322eb;border-radius:14px;place-items:center;width:54px;height:54px;font-size:24px;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 10px 26px -14px #000c}.orbit-node:hover .orbit-ic{border-color:var(--border-strong);transform:scale(1.14)}.orbit-name{color:var(--text-dim);white-space:nowrap;font-size:12px}.orbit-dots{justify-content:center;gap:10px;margin-top:26px;display:flex}.orbit-dots button{background:var(--border-strong);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:transform .25s,background .25s}.orbit-dots button.on{background:var(--gradient);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.4)}@media (width<=560px){.orbit-center{width:96px;height:96px}.orbit-center i{font-size:28px}.orbit-ic{width:44px;height:44px;font-size:20px}.orbit-name{font-size:11px}}@media (prefers-reduced-motion:reduce){.orbit-stage,.orbit-center,.orbit-node,.orbit-lines line{opacity:1;stroke-dashoffset:0;animation:none}}.pr-hover{background:linear-gradient(#04060c52 0%,#04060cd1 45%,#04060cf7 78%)}.pt-cat{color:var(--cyan)}.pt-title{color:#fff}.pr-hover-actions{gap:10px;margin-top:6px;display:flex}.pr-btn{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:9px 15px;font-size:12.5px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.pr-btn-primary{background:var(--gradient);color:#04121a}.pr-btn-primary:hover{box-shadow:0 10px 24px -8px var(--accent-glow);transform:translateY(-2px)}.pr-btn-ghost{color:#fff;background:#ffffff1a;border:1px solid #ffffff73}.pr-btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:#00e0ff1f}.orbit-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.orbit-stage{z-index:1}.orbit-aura{filter:blur(10px);border-radius:50%;width:98%;height:98%;transition:background .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-rings{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit-rings .ring{fill:none;stroke:#ffffff0f;stroke-width:.4px}.orbit-rings .spoke{stroke:#ffffff0b;stroke-width:.3px}.orbit-rings .ring-spin{stroke-width:.6px;stroke-dasharray:2 3;transform-origin:50%;transition:stroke .8s;animation:26s linear infinite ringSpin}@keyframes ringSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orbit-rings .ring-spin{animation:none}}.skills-wrap{position:relative}.skill-orbit{z-index:1;position:relative}.skills-floats{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.sf{width:var(--s,20px);height:var(--s,20px);color:var(--c,#00e0ff);opacity:.55;animation:floatBob var(--d,9s) ease-in-out var(--dl,0s) infinite alternate;place-items:center;display:grid;position:absolute}.sf-dot{background:var(--c);box-shadow:0 0 12px var(--c);border-radius:50%}.sf-plus,.sf-code{width:auto;height:auto;font-family:var(--mono);font-weight:700;font-size:var(--s);text-shadow:0 0 12px var(--c);line-height:1}.sf svg{fill:none;width:100%;height:100%;stroke:var(--c);stroke-width:1.5px;stroke-linejoin:round;opacity:.75;filter:drop-shadow(0 0 6px var(--c))}@keyframes floatBob{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-20px)rotate(12deg)}}.orbit-ic{width:var(--sz,54px);height:var(--sz,54px);font-size:calc(var(--sz,54px) * .42)}@media (width<=640px){.skills-floats{display:none}.orbit-ic{width:42px;height:42px;font-size:19px}}@media (prefers-reduced-motion:reduce){.sf{animation:none}}.pr-hover-actions .pr-btn{flex:1;justify-content:center;padding:10px 12px}.pr-btn svg{flex-shrink:0;width:15px;height:15px}.services-page{padding-top:96px}.services-grid-page{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;display:grid}.sp-card{border:1px solid var(--border);text-align:center;background:linear-gradient(#0d1322,#0a0e18);border-radius:22px;padding:34px 26px 40px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.sp-card:hover{border-color:var(--border-strong);box-shadow:0 34px 82px -36px var(--accent-glow);transform:translateY(-6px)}.sp-card>:not(.service-wave){z-index:1;position:relative}.sp-card .service-icon{margin:0 auto 20px}.sp-card h3{color:var(--text-h);margin-bottom:12px;font-size:20px}.sp-card p{color:var(--text-dim);max-width:250px;margin:0 auto;font-size:14px;line-height:1.6}.sp-card:hover .service-wave svg{animation-play-state:running}@media (width<=900px){.services-grid-page{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services-grid-page{grid-template-columns:1fr}}.scroll-cue{cursor:pointer;background:0 0;border:none}.nav-right{align-items:center;gap:20px;display:flex}.nav-links a:not(.nav-cta){position:relative}.nav-links a.active:not(.nav-cta){color:var(--text-h)}.nav-links a.active:not(.nav-cta):after{content:"";background:var(--gradient);border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-h);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;transition:border-color .2s,color .2s,background .2s;display:grid}.theme-toggle:hover{border-color:var(--border-strong);color:var(--cyan)}.hero{background:radial-gradient(900px 600px at 80% -10%,#4d7cff29,#0000 60%),radial-gradient(700px 500px at 0 20%,#00e0ff1f,#0000 55%),#05070d}:root[data-theme=light]{--bg:#f4f6fb;--bg-2:#fff;--surface:#fff;--surface-2:#eef2f8;--border:#0f172a1a;--border-strong:#0891b280;--text:#384152;--text-dim:#667085;--text-h:#0b1220;--cyan:#0891b2;--blue:#4f46e5;--accent:#0891b2;--accent-glow:#0891b247;--gradient:linear-gradient(120deg, #0891b2 0%, #4f46e5 55%, #7c3aed 100%);--gradient-soft:linear-gradient(120deg, #0891b21a, #4f46e51a);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .pd-card,[data-theme=light] .pd-write,[data-theme=light] .pd-preview,[data-theme=light] .pd-side-card,[data-theme=light] .sp-card,[data-theme=light] .service-card,[data-theme=light] .project-tile,[data-theme=light] .orbit-center,[data-theme=light] .orbit-ic,[data-theme=light] .proj-filters,[data-theme=light] .carousel-nav,[data-theme=light] .pd-tech-pop,[data-theme=light] .skill-chip,[data-theme=light] .pd-chip,[data-theme=light] .pr-tech span,[data-theme=light] .contact-list a,[data-theme=light] .contact-list .contact-copy-row,[data-theme=light] .about-image{background:#fff}[data-theme=light] .about-code,[data-theme=light] .field input,[data-theme=light] .field textarea,[data-theme=light] .stats-row .stat,[data-theme=light] .skill-group{background:var(--surface-2)}[data-theme=light] .scroll-top{background:#ffffffeb}[data-theme=light] .navbar.scrolled{border-bottom-color:var(--border);background:#ffffffd1}[data-theme=light] .btn-primary,[data-theme=light] .pr-btn-primary,[data-theme=light] .pr-hover-btn,[data-theme=light] .nav-cta{color:#fff}[data-theme=light] .decor.geo{opacity:.4;filter:none}[data-theme=light] .decor.geo svg path{stroke:#0f172a38}[data-theme=light] .decor.plus,[data-theme=light] .decor.code{color:#0f172a47;text-shadow:none}[data-theme=light] .sf{opacity:.5}[data-theme=light] .sf svg{stroke:#0f172a52;filter:none}[data-theme=light] .sf-dot{box-shadow:none;background:#0891b28c}[data-theme=light] .sf-plus,[data-theme=light] .sf-code{color:#0f172a52;text-shadow:none}[data-theme=light] .orbit-lines line{stroke:#0891b26b}[data-theme=light] .orbit-aura{opacity:.55}[data-theme=light] .hero h1{color:#f4f8ff}[data-theme=light] .hero-hello{color:#8791a6}[data-theme=light] .hero-role{color:#eaf0fb}[data-theme=light] .hero-desc{color:#aeb8c9}[data-theme=light] .hero-stat-label{color:#8791a6}[data-theme=light] .scroll-cue{color:#aeb8c9}[data-theme=light] .hero .btn-ghost{color:#f4f8ff;background:#ffffff0f;border-color:#ffffff4d}@media (width<=768px){[data-theme=light] .nav-links{background:#fffffffa}}