:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020204;--bg-2:#07070c;--surface:#fff1;--surface-strong:#ffffff21;--card:#0c0c12c7;--card-strong:#12121cf0;--border:#ffffff1f;--border-strong:#ffffff3d;--text:#f7fbff;--muted:#a4adbd;--muted-2:#717b8e;--cyan:#38bdf8;--violet:#8b5cf6;--amber:#facc15;--green:#10b981;--red:#fb7185;--primary:#2563eb;--shadow:0 24px 90px #0000008c;--radius:28px;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{color:var(--text);background:radial-gradient(circle at 82% 18%,#8b5cf633,#0000 30rem),radial-gradient(circle at 13% 80%,#10b9812e,#0000 28rem),radial-gradient(circle at 50% -10%,#2563eb38,#0000 34rem),linear-gradient(135deg,#020204 0%,#050507 44%,#090915 100%);min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.19;z-index:-2;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}body:after{content:"";pointer-events:none;opacity:.09;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img,svg{max-width:100%}::selection{background:var(--cyan);color:#04101d}.app-shell{isolation:isolate;min-height:100vh;position:relative}.container{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.ambient{filter:blur(50px);opacity:.24;pointer-events:none;z-index:-1;border-radius:999px;width:420px;height:420px;animation:9s ease-in-out infinite alternate floaty;position:fixed}.ambient-one{background:var(--cyan);top:16%;left:-120px}.ambient-two{background:var(--violet);animation-delay:-3s;bottom:4%;right:-140px}@keyframes floaty{to{transform:translate(40px,-28px)scale(1.05)}}.site-nav{width:min(var(--max), calc(100% - 32px));border:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);z-index:50;background:#06111f94;border-radius:999px;justify-content:space-between;align-items:center;height:72px;padding:0 18px;transition:all .22s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #0000003d}.site-nav.scrolled{border-color:var(--border-strong);background:#06111fe0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{color:#04101d;background:linear-gradient(135deg, var(--cyan), var(--green));border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 30px #42e8ff42}.accent-dot{color:var(--cyan)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:10px 13px;font-size:.91rem;font-weight:650;transition:all .18s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text);background:var(--surface)}.nav-links .nav-cta{color:#06111f;background:var(--text);margin-left:6px}.nav-links .nav-cta:hover,.nav-links .nav-cta:focus-visible{color:#06111f;background:var(--cyan)}.nav-toggle{background:0 0;border:0;border-radius:50%;place-items:center;gap:4px;width:44px;height:44px;display:none}.nav-toggle span{background:var(--text);width:20px;height:2px;transition:all .2s;display:block}.nav-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.hero{align-items:center;min-height:100vh;padding:132px 0 86px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(28px,6vw,86px);display:grid}.availability{color:var(--green);background:#52f3a81a;border:1px solid #52f3a83d;border-radius:999px;align-items:center;gap:10px;margin:0 0 22px;padding:8px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.availability span{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 8px #52f3a81f}.hero h1{letter-spacing:-.09em;max-width:850px;margin:0;font-size:clamp(3.2rem,8vw,7.5rem);line-height:.88}.hero h1 span{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:670px;color:var(--muted);margin:26px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.hero-actions,.leetcode-actions,.detail-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border .18s;display:inline-flex}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg, var(--cyan), var(--green));color:#06111f;box-shadow:0 16px 40px #42e8ff2e}.btn.secondary,.btn.ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn.secondary:hover,.btn.ghost:hover{border-color:var(--border-strong);background:var(--surface-strong)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin-top:38px;display:grid}.quick-stats div,.leetcode-meta div,.metrics-row div,.education-meta div{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:18px}.quick-stats strong,.leetcode-meta strong,.metrics-row strong,.education-meta strong{color:var(--text);font-size:1.35rem;display:block}.quick-stats span,.leetcode-meta span,.metrics-row span,.education-meta span{color:var(--muted);font-size:.82rem}.hero-panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffff1a,#ffffff08);padding:14px;position:relative}.hero-panel:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#42e8ff57,#a78bfa2e,#0000);position:absolute;inset:-1px}.code-window{border-radius:var(--radius);background:#040c18e6;border:1px solid #ffffff1a;overflow:hidden}.window-dots{border-bottom:1px solid var(--border);gap:8px;padding:18px;display:flex}.window-dots i{background:var(--red);border-radius:999px;width:11px;height:11px}.window-dots i:nth-child(2){background:var(--amber)}.window-dots i:nth-child(3){background:var(--green)}pre{white-space:pre-wrap;color:#c9f5ff;margin:0;padding:24px;font-size:clamp(.82rem,1.4vw,1rem);line-height:1.85}.feature-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.feature-stack span{text-align:center;border:1px solid var(--border);min-height:62px;color:var(--muted);background:#ffffff0e;border-radius:18px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.section{padding:clamp(76px,10vw,130px) 0}.section-header{max-width:730px}.section-header.center{text-align:center;margin-inline:auto}.eyebrow,.card-kicker{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.75rem;font-weight:900}.section-header h2,.detail-card h2,.expectation-card h3,.education-card h3{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,4.4vw,4rem);line-height:1}.section-description,.expectation-card p,.detail-card p,.education-card p{color:var(--muted);font-size:1rem;line-height:1.8}.section-description{margin:20px 0 0}.split-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(28px,6vw,72px);display:grid}.expectation-card,.skill-card,.project-card,.project-preview,.leetcode-card,.education-card,.contact-form,.detail-card,.detail-device-card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);box-shadow:var(--shadow)}.expectation-card{padding:clamp(24px,4vw,42px)}.expectation-card h3{font-size:clamp(1.7rem,3.2vw,3rem)}.feature-grid{gap:12px;margin-top:28px;display:grid}.feature-pill,.language-row span,.skill-cloud span,.preview-tech span,.project-tech-list span{color:var(--muted);border:1px solid var(--border);background:#ffffff0e;border-radius:999px;align-items:center;gap:8px;display:inline-flex}.feature-pill{min-height:46px;padding:0 15px}.feature-pill span{color:var(--green);font-weight:900}.language-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.language-row span,.skill-cloud span,.preview-tech span,.project-tech-list span{padding:9px 13px;font-size:.86rem;font-weight:750}.skills-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.skill-card{padding:28px;transition:transform .22s,border-color .22s,background .22s}.skill-card:hover{border-color:var(--border-strong);background:var(--card-strong);transform:translateY(-8px)}.skill-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.skill-card h3{margin:0;font-size:1.25rem}.skill-card-header span{color:var(--muted-2);white-space:nowrap;font-size:.82rem}.skill-card p{color:var(--muted);min-height:84px;line-height:1.7}.skill-cloud{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.skill-card.cyan .skill-cloud span:nth-child(3n+1){color:#bdffff;border-color:#42e8ff42}.skill-card.violet .skill-cloud span:nth-child(odd){color:#ddd6fe;border-color:#a78bfa52}.skill-card.amber .skill-cloud span:nth-child(2n){color:#ffe8a3;border-color:#ffd16652}.project-studio{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:stretch;gap:22px;margin-top:50px;display:grid}.project-list{gap:16px;display:grid}.project-card{padding:26px;transition:transform .22s,border-color .22s,background .22s;display:block;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:radial-gradient(circle,#42e8ff33,#0000 62%);border-radius:999px;width:210px;height:210px;transition:opacity .22s;position:absolute;top:-120px;right:-70px}.project-card.active,.project-card:hover,.project-card:focus-visible{background:var(--card-strong);border-color:#42e8ff59;transform:translate(8px)}.project-card.active:before,.project-card:hover:before{opacity:1}.project-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.project-icon{background:var(--surface);border:1px solid var(--border);border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.45rem;display:grid}.project-type{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.project-card h3,.project-preview h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.55rem,3vw,2.3rem)}.project-card p,.project-preview p{color:var(--muted);line-height:1.75}.project-tech-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-tech-list span{padding:7px 10px;font-size:.75rem}.project-open{color:var(--text);margin-top:22px;font-weight:900}.project-preview{align-self:start;min-height:560px;padding:34px;position:sticky;top:112px;overflow:hidden}.project-preview:before,.detail-device-card:before,.detail-card.callout-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 10%,#42e8ff2e,#0000 26rem),radial-gradient(circle at 90% 10%,#a78bfa29,#0000 22rem);position:absolute;inset:0}.preview-orbit{aspect-ratio:1;place-items:center;width:min(260px,80vw);margin:8px auto 34px;display:grid;position:relative}.preview-orbit.large{width:min(320px,82vw)}.preview-orbit span{border:1px solid #ffffff24;border-radius:44% 56% 52% 48%;animation:12s linear infinite spin;position:absolute;inset:0}.preview-orbit span:nth-child(2){border-color:#42e8ff47;animation-duration:8s;animation-direction:reverse;inset:22px}.preview-orbit span:nth-child(3){border-color:#a78bfa3d;animation-duration:15s;inset:44px}.preview-orbit strong{border:1px solid var(--border-strong);background:linear-gradient(135deg,#42e8ff38,#a78bfa33);border-radius:36px;place-items:center;width:110px;height:110px;font-size:3.4rem;display:grid;box-shadow:inset 0 0 40px #ffffff14}@keyframes spin{to{transform:rotate(360deg)}}.metrics-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.metrics-row div{box-shadow:none;background:#ffffff0f;padding:16px}.metrics-row strong{font-size:1.05rem}.preview-tech{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.leetcode-layout{grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);align-items:center;gap:clamp(28px,6vw,72px);display:grid}.inline-warning{color:#ffe8a3;background:#ffd1661a;border:1px solid #ffd16638;border-radius:18px;margin-top:18px;padding:14px 16px;line-height:1.7}.inline-warning code{color:var(--text)}.leetcode-card{padding:clamp(24px,4vw,38px)}.leetcode-card-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.leetcode-card-head span,.total-solved span,.total-solved small{color:var(--muted)}.leetcode-card-head strong{font-size:1.4rem;display:block}.status-chip{color:#06111f;background:var(--green);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900}.status-chip.stale{background:var(--amber)}.total-solved{background:linear-gradient(135deg,#42e8ff1f,#a78bfa14);border:1px solid #42e8ff38;border-radius:26px;margin:34px 0;padding:28px}.total-solved strong{letter-spacing:-.08em;font-size:clamp(4rem,10vw,7rem);line-height:.95;display:block}.rings-grid,.leetcode-meta{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-ring{--ring:var(--cyan);background:radial-gradient(closest-side, #06111ff2 72%, transparent 74% 100%), conic-gradient(var(--ring) var(--progress), #ffffff1a 0);border:1px solid var(--border);border-radius:28px;align-content:center;place-items:center;gap:5px;min-height:150px;display:grid}.metric-ring.medium{--ring:var(--amber)}.metric-ring.hard{--ring:var(--red)}.ring-value{font-size:1.8rem;font-weight:950}.ring-label{color:var(--muted);font-size:.82rem;font-weight:800}.leetcode-meta{margin-top:14px}.leetcode-meta strong{word-break:break-word;font-size:.98rem}.education-card{padding:clamp(26px,4vw,44px)}.education-card h3{font-size:clamp(2rem,4vw,3.4rem)}.education-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.timeline{gap:18px;margin-top:30px;display:grid}.timeline-item{grid-template-columns:22px 1fr;gap:16px;display:grid}.timeline-item>span{background:var(--cyan);border-radius:50%;width:14px;height:14px;margin-top:5px;position:relative;box-shadow:0 0 0 8px #42e8ff1f}.timeline-item>span:after{content:"";background:var(--border);width:1px;height:54px;position:absolute;top:22px;left:6px}.timeline-item:last-child>span:after{display:none}.timeline-item strong{font-size:1.05rem}.timeline-item p{color:var(--muted);margin:6px 0 0;line-height:1.7}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:clamp(28px,6vw,74px);display:grid}.contact-links{gap:12px;margin-top:34px;display:grid}.contact-links a{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:50px 1fr;align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.contact-links a:hover,.contact-links a:focus-visible{background:var(--surface-strong);border-color:#42e8ff52;transform:translate(6px)}.contact-links a>span{background:var(--surface);border-radius:17px;place-items:center;width:50px;height:50px;display:grid}.contact-links small{color:var(--muted-2)}.contact-links strong{word-break:break-word;display:block}.contact-form{gap:18px;padding:clamp(24px,4vw,36px);display:grid}.contact-form label{color:var(--muted);gap:9px;font-weight:800;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text);border:1px solid var(--border);background:#ffffff0f;border-radius:18px;outline:0;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#42e8ff75;box-shadow:0 0 0 4px #42e8ff1a}.footer{width:min(var(--max), calc(100% - 40px));border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:22px;margin:0 auto;padding:28px 0 42px;display:flex}.footer strong{color:var(--text)}.footer p{margin:6px 0 0}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{color:var(--text);font-weight:800}.project-hero-detail{padding:150px 0 86px;position:relative;overflow:hidden}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:clamp(28px,6vw,74px);display:grid}.back-link{color:var(--muted);margin-bottom:24px;font-weight:800;display:inline-flex}.back-link:hover{color:var(--cyan)}.project-hero-detail h1{letter-spacing:-.09em;margin:0;font-size:clamp(3.2rem,9vw,7.8rem);line-height:.88}.detail-lead{color:var(--muted);max-width:780px;font-size:1.08rem;line-height:1.85}.detail-device-card{padding:26px;position:relative;overflow:hidden}.metrics-row.stacked{grid-template-columns:1fr}.detail-device-card>p{color:var(--muted);text-align:center;margin:18px 0 0}.detail-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-card{padding:clamp(24px,4vw,36px);position:relative;overflow:hidden}.detail-card h2{font-size:clamp(1.8rem,3vw,2.7rem)}.detail-card.wide{grid-column:1/-1}.highlight-list{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.highlight-list li{color:var(--muted);padding-left:32px;line-height:1.75;position:relative}.highlight-list li:before{content:"✦";color:var(--cyan);position:absolute;left:0}.callout-card{background:linear-gradient(135deg,#42e8ff21,#a78bfa1f)}.not-found{text-align:center;place-content:center;gap:20px;min-height:70vh;display:grid}.reveal-up{animation:.76s both revealUp}.delay-1{animation-delay:.14s}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1020px){.hero-grid,.split-layout,.project-studio,.leetcode-layout,.contact-layout,.detail-grid{grid-template-columns:1fr}.project-preview{min-height:auto;position:relative;top:0}.skills-grid{grid-template-columns:1fr}.skill-card p{min-height:auto}.reverse-mobile>.education-card{order:2}}@media (width<=820px){.site-nav{height:64px;top:10px}.nav-toggle{display:grid}.nav-links{border:1px solid var(--border);opacity:0;pointer-events:none;background:#06111ff5;border-radius:26px;padding:12px;transition:all .18s;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-12px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{padding:13px 16px}.nav-links .nav-cta{text-align:center;margin:6px 0 0}.hero{padding-top:112px}.quick-stats,.feature-stack,.rings-grid,.leetcode-meta,.metrics-row,.education-meta,.detail-content-grid{grid-template-columns:1fr}.project-card.active,.project-card:hover,.project-card:focus-visible,.contact-links a:hover,.contact-links a:focus-visible{transform:translateY(-3px)}.footer{flex-direction:column}}@media (width<=520px){.container,.footer{width:min(var(--max), calc(100% - 28px))}.brand span:last-child{display:none}.hero h1,.project-hero-detail h1{letter-spacing:-.075em}.hero-actions,.leetcode-actions,.detail-actions{display:grid}.btn{width:100%}.leetcode-card-head{flex-direction:column;align-items:flex-start}.total-solved{padding:22px}.project-preview,.project-card,.leetcode-card,.education-card,.contact-form,.detail-card{border-radius:22px}}.draggable-card{transform:translate3d(var(--drag-x,0), var(--drag-y,0), 0);will-change:transform;transition:transform .18s,box-shadow .18s,border-color .18s}.draggable-card.dragging{border-color:#42e8ff6b;transition:none;box-shadow:0 34px 110px #0000007a,0 0 50px #42e8ff1f}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.draggable-card.dragging .drag-handle{cursor:grabbing}.window-dots.drag-handle span{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.78rem;font-weight:900}.drag-tools{border:1px solid var(--border);background:#ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.drag-tools span{color:var(--muted);font-size:.84rem;font-weight:700}.drag-tools button,.mobile-switcher button,.form-alt-actions button,.form-alt-actions a{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff12;border-radius:999px;padding:9px 12px;font-size:.82rem;font-weight:850;transition:all .18s}.drag-tools button:hover,.mobile-switcher button:hover,.form-alt-actions button:hover,.form-alt-actions a:hover{background:#42e8ff1a;border-color:#42e8ff57}.mobile-project-actions{z-index:1;border-top:1px solid var(--border);margin-top:26px;padding-top:22px;display:none;position:relative}.mobile-switcher{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.mobile-switcher span{color:var(--muted);white-space:nowrap;font-size:.84rem;font-weight:900}.mobile-project-buttons{gap:10px;margin-top:14px;display:grid}.form-alt-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-helper{color:#c9f5ff;background:#42e8ff14;border:1px solid #42e8ff38;border-radius:16px;margin:0;padding:12px 14px;line-height:1.6}@media (width<=820px){.project-preview{touch-action:pan-y;order:-1}.mobile-project-actions{display:block}.window-dots.drag-handle span{font-size:.68rem;display:inline}.drag-tools{display:grid}}@media (width<=520px){.mobile-switcher{text-align:center;grid-template-columns:1fr}.form-alt-actions{display:grid}.form-alt-actions a,.form-alt-actions button{text-align:center;width:100%}}.scroll-progress{z-index:1000;transform-origin:0;background:linear-gradient(90deg, var(--green), var(--cyan), var(--violet));width:100%;height:4px;position:fixed;top:0;left:0;box-shadow:0 0 24px #38bdf88c}.site-nav{background:#02020494}.site-nav.scrolled{background:#020204e0}.brand-mark,.btn.primary{background:linear-gradient(135deg, var(--green), var(--cyan), var(--violet))}.hero{position:relative;overflow:hidden}.hero-kinetic-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-kinetic-bg:before{content:"";transform-origin:top;opacity:.55;background:linear-gradient(115deg,#0000 0 38%,#38bdf814 39%,#0000 42%) 0 0/100% 100%,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/74px 74px,linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/74px 74px;animation:9s linear infinite gridDrift;position:absolute;inset:-20%;transform:perspective(900px)rotateX(58deg)translateY(-18%)}.shape{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff24;animation:8s ease-in-out infinite alternate morphFloat;display:block;position:absolute;box-shadow:inset 0 0 48px #ffffff12,0 22px 80px #00000059}.shape-one{background:linear-gradient(135deg,#2563eb6b,#8b5cf657);border-radius:999px;width:clamp(120px,16vw,220px);height:clamp(120px,16vw,220px);top:18%;right:9%}.shape-two{background:linear-gradient(135deg,#10b9815c,#38bdf847);border-radius:34px;width:clamp(145px,20vw,260px);height:clamp(145px,20vw,260px);animation-delay:-2.8s;bottom:15%;left:8%}.shape-three{background:linear-gradient(135deg,#facc1557,#fb71853d);border-radius:28px;width:88px;height:88px;animation-delay:-5s;top:72%;right:28%}.scan-line{filter:drop-shadow(0 0 16px #38bdf8e6);background:linear-gradient(90deg,#0000,#38bdf8cc,#0000);width:34vw;height:1px;animation:5.8s ease-in-out infinite scanAcross;position:absolute;top:30%;left:-40vw}.hero-grid,.hero-copy,.hero-panel{z-index:1;position:relative}.hero-mini-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.hero-mini-row .availability{margin:0}.weather-chip{color:#d7eaff;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:.88rem;font-weight:750;display:inline-flex}.weather-chip:before{content:"✦";color:var(--cyan);animation:1.7s ease-in-out infinite pulseStar}.scroll-cue{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin-top:28px;font-size:.85rem;font-weight:850;display:inline-flex}.scroll-cue span{border:1px solid var(--border-strong);border-radius:999px;width:20px;height:34px;position:relative}.scroll-cue span:before{content:"";background:var(--cyan);border-radius:50%;width:4px;height:4px;animation:1.35s ease-in-out infinite mouseWheel;position:absolute;top:7px;left:50%;transform:translate(-50%)}.hero h1 span,.section-header h2 .accent-text{background-size:220% 220%;animation:4s ease-in-out infinite alternate gradientShift}.project-card,.skill-card,.leetcode-card,.education-card,.contact-form,.expectation-card,.detail-card,.detail-device-card{transform-style:preserve-3d}.project-card:after,.skill-card:after,.detail-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 0 35%,#ffffff21 45%,#0000 56%);transition:transform .65s;position:absolute;inset:0;transform:translate(-130%)}.project-card:hover:after,.skill-card:hover:after,.detail-card:hover:after{transform:translate(130%)}.project-preview{animation:5.8s ease-in-out infinite alternate previewFloat}.reveal-on-scroll{opacity:0;transition:opacity .7s ease var(--reveal-delay,0s), transform .7s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s);transform:translateY(32px)scale(.98)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}@keyframes gridDrift{to{background-position:0 0,74px 74px,74px 74px}}@keyframes morphFloat{0%{border-radius:34px;transform:translate(0,0)rotate(0)}50%{border-radius:46% 54% 42% 58%;transform:translate(18px,-26px)rotate(8deg)}to{border-radius:58% 42% 54% 46%;transform:translate(-10px,22px)rotate(-5deg)}}@keyframes scanAcross{0%,18%{opacity:0;transform:translate(0)}35%{opacity:1}to{opacity:0;transform:translate(145vw)}}@keyframes pulseStar{50%{color:var(--green);transform:scale(1.35)rotate(25deg)}}@keyframes mouseWheel{0%{opacity:0;transform:translate(-50%)}35%{opacity:1}to{opacity:0;transform:translate(-50%,13px)}}@keyframes gradientShift{to{background-position:100%}}@keyframes previewFloat{to{transform:translateY(-10px)}}.custom-cursor{pointer-events:none;z-index:2000;mix-blend-mode:screen;position:fixed;inset:0}.cursor-dot,.cursor-ring{pointer-events:none;border-radius:999px;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.cursor-dot{background:var(--cyan);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;box-shadow:0 0 22px #38bdf8e6}.cursor-ring{background:radial-gradient(circle,#38bdf824,#0000 62%);border:1px solid #38bdf8c7;width:42px;height:42px;margin:-21px 0 0 -21px;transition:width .18s,height .18s,margin .18s,border-color .18s,background .18s}.cursor-hovering .cursor-ring{background:radial-gradient(circle,#10b9812e,#0000 65%);border-color:#10b981eb;width:76px;height:76px;margin:-38px 0 0 -38px}.cursor-hovering .cursor-dot{background:var(--green)}.cursor-pulse{border:1px solid var(--cyan);pointer-events:none;border-radius:999px;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.7s ease-out forwards cursorPulse;position:fixed}@keyframes cursorPulse{to{opacity:0;transform:scale(5.5)}}@media (hover:hover) and (pointer:fine){body,a,button,input,textarea,[role=button]{cursor:none}}@media (width<=820px){.hero-kinetic-bg:before{opacity:.35;transform:perspective(900px)rotateX(62deg)translateY(-12%)}.shape-one{top:13%;right:-44px}.shape-two{bottom:10%;left:-56px}.shape-three,.scroll-cue{display:none}}.skill-card,.project-card,.detail-card{position:relative;overflow:hidden}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-2:#f7f7f7;--surface:#0000000b;--surface-strong:#00000013;--card:#ffffffc7;--card-strong:#fffffff2;--border:#0000001f;--border-strong:#00000038;--text:#0a0a0a;--muted:#4f5868;--muted-2:#737b88;--shadow:0 24px 80px #0000001c}html[data-theme=light] body{color:var(--text);background:radial-gradient(circle at 82% 18%,#0000000e,#0000 28rem),radial-gradient(circle at 13% 80%,#0000000a,#0000 28rem),linear-gradient(135deg,#fff 0%,#fafafa 48%,#f3f3f3 100%)}html[data-theme=light] body:before{opacity:.72;background-image:linear-gradient(#0000000e 1px,#0000 1px),linear-gradient(90deg,#0000000e 1px,#0000 1px);-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}html[data-theme=light] body:after{opacity:.035;mix-blend-mode:multiply}html[data-theme=light] .ambient-one{opacity:.055;background:#111}html[data-theme=light] .ambient-two{opacity:.045;background:#000}html[data-theme=light] .site-nav,html[data-theme=light] .site-nav.scrolled{background:#ffffffc2;border-color:#0000001f;box-shadow:0 18px 50px #00000014}html[data-theme=light] .nav-links a{color:#3d4654}html[data-theme=light] .nav-links a:hover,html[data-theme=light] .nav-links a:focus-visible{color:#050505;background:#0000000e}html[data-theme=light] .nav-links .nav-cta{color:#fff;background:#090909}html[data-theme=light] .nav-links .nav-cta:hover,html[data-theme=light] .nav-links .nav-cta:focus-visible{color:#fff;background:#2563eb}html[data-theme=light] .nav-toggle span{background:#090909}html[data-theme=light] .hero-kinetic-bg:before{opacity:.78;background:linear-gradient(115deg,#0000 0 38%,#0000000d 39%,#0000 42%) 0 0/100% 100%,linear-gradient(90deg,#0000000a 1px,#0000 1px) 0 0/74px 74px,linear-gradient(#0000000a 1px,#0000 1px) 0 0/74px 74px}html[data-theme=light] .shape{border-color:#00000017;box-shadow:inset 0 0 42px #ffffffbf,0 24px 70px #00000014}html[data-theme=light] .shape-one{background:linear-gradient(135deg,#0000001c,#ffffffb8)}html[data-theme=light] .shape-two{background:linear-gradient(135deg,#ffffffbd,#00000017)}html[data-theme=light] .shape-three{background:linear-gradient(135deg,#0000001a,#ffffffb8)}html[data-theme=light] .scan-line{filter:drop-shadow(0 0 12px #00000040);background:linear-gradient(90deg,#0000,#00000070,#0000)}html[data-theme=light] .availability{color:#08764d;background:#10b98117;border-color:#10b98138}html[data-theme=light] .weather-chip,html[data-theme=light] .feature-stack span,html[data-theme=light] .quick-stats div,html[data-theme=light] .leetcode-meta div,html[data-theme=light] .metrics-row div,html[data-theme=light] .education-meta div,html[data-theme=light] .feature-pill,html[data-theme=light] .language-row span,html[data-theme=light] .skill-cloud span,html[data-theme=light] .preview-tech span,html[data-theme=light] .project-tech-list span,html[data-theme=light] .contact-links a,html[data-theme=light] .drag-tools,html[data-theme=light] .total-solved{color:var(--muted);background:#ffffffa8;border-color:#0000001c}html[data-theme=light] .expectation-card,html[data-theme=light] .skill-card,html[data-theme=light] .project-card,html[data-theme=light] .project-preview,html[data-theme=light] .leetcode-card,html[data-theme=light] .education-card,html[data-theme=light] .contact-form,html[data-theme=light] .detail-card,html[data-theme=light] .detail-device-card{background:#ffffffb8;border-color:#0000001f;box-shadow:0 22px 70px #0000001a}html[data-theme=light] .skill-card:hover,html[data-theme=light] .project-card.active,html[data-theme=light] .project-card:hover,html[data-theme=light] .project-card:focus-visible{background:#ffffffeb;border-color:#00000038}html[data-theme=light] .hero-panel{background:linear-gradient(135deg,#ffffffe6,#f5f5f5b8);border-color:#0000001f}html[data-theme=light] .code-window{background:#08080af0;border-color:#0000001f}html[data-theme=light] pre{color:#dff7ff}html[data-theme=light] .metric-ring{background:radial-gradient(closest-side, #fffffff5 72%, transparent 74% 100%), conic-gradient(var(--ring) var(--progress), #0000001a 0)}html[data-theme=light] .contact-form input,html[data-theme=light] .contact-form textarea{color:#111;background:#ffffffc7;border-color:#00000021}html[data-theme=light] .footer{border-color:#0000001f}html[data-theme=light] .mobile-switcher button,html[data-theme=light] .form-alt-actions button,html[data-theme=light] .form-alt-actions a,html[data-theme=light] .drag-tools button{color:#111;background:#ffffffc7;border-color:#00000021}html[data-theme=light] .callout-card{background:linear-gradient(135deg,#ffffffdb,#f5f5f5cc)}html[data-theme=light] .nav-links.open{background:#fffffff5}.theme-toggle{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-weight:850;display:inline-flex}.theme-toggle-track{border:1px solid var(--border);background:#ffffff1f;border-radius:999px;width:42px;height:24px;position:relative}.theme-toggle-thumb{color:#111;background:#fff;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.72rem;transition:transform .18s,background .18s,color .18s;display:grid;position:absolute;top:2px;left:2px}html[data-theme=dark] .theme-toggle-thumb{color:#fff;background:#111;transform:translate(18px)}html[data-theme=light] .theme-toggle{background:#ffffffb8;border-color:#00000021}html[data-theme=light] .theme-toggle-track{background:#00000014;border-color:#0000001f}html[data-theme=light] .theme-toggle-thumb{color:#fff;background:#111}.draggable-card{touch-action:none}@media (width<=820px){.theme-toggle{justify-content:center;width:100%;margin-top:6px}}html[data-theme=light] .custom-cursor{mix-blend-mode:normal}html[data-theme=light] .cursor-dot{background:#050505;box-shadow:0 0 18px #00000059}html[data-theme=light] .cursor-ring{background:radial-gradient(circle,#00000014,#0000 62%);border-color:#000000b8;box-shadow:0 0 24px #0000001f}html[data-theme=light].cursor-hovering .cursor-ring{background:radial-gradient(circle,#2563eb1f,#0000 65%);border-color:#2563ebe6}html[data-theme=light].cursor-hovering .cursor-dot{background:#2563eb;box-shadow:0 0 18px #2563eb73}html[data-theme=light] .cursor-pulse{border-color:#2563ebd9}html[data-theme=light] .skill-card h3,html[data-theme=light] .skill-card-header span,html[data-theme=light] .skills-section .section-header h2{color:#111827}html[data-theme=light] .skill-card p,html[data-theme=light] .skills-section .section-description{color:#374151}html[data-theme=light] .skill-cloud span{color:#5b21b6;background:#ffffffe6;border-color:#7c3aed47;box-shadow:0 8px 22px #7c3aed14}html[data-theme=light] .skill-card.cyan .skill-cloud span:nth-child(3n+1){color:#075985;background:#f0f9fff2;border-color:#0ea5e957}html[data-theme=light] .skill-card.violet .skill-cloud span:nth-child(odd){color:#6d28d9;background:#f5f3fff5;border-color:#7c3aed5c}html[data-theme=light] .skill-card.amber .skill-cloud span:nth-child(2n){color:#92400e;background:#fffbebf5;border-color:#f59e0b5c}html[data-theme=light] .skill-card.cyan{background:linear-gradient(135deg,#ffffffeb,#f0f9ffc7)}html[data-theme=light] .skill-card.violet{background:linear-gradient(135deg,#ffffffeb,#f5f3ffd1)}html[data-theme=light] .skill-card.amber{background:linear-gradient(135deg,#ffffffeb,#fffbebd1)}html[data-theme=light] .skill-card:hover .skill-cloud span{color:#4c1d95;border-color:#7c3aed73}@media (width<=820px){.expectation-card,.skill-card,.project-card,.project-preview,.leetcode-card,.education-card,.contact-form,.detail-card,.detail-device-card,.site-nav{-webkit-backdrop-filter:none}.about-section,.skills-section,.projects-section,.leetcode-section,.education-section,.contact-section{content-visibility:auto;contain-intrinsic-size:1px 900px}.project-preview,.ambient,.preview-orbit span,.project-card:after,.skill-card:after,.detail-card:after{animation:none!important}.project-card:after,.skill-card:after,.detail-card:after{display:none}.reveal-on-scroll{transition-duration:.42s}.hero-panel,.expectation-card,.skill-card,.project-card,.project-preview,.leetcode-card,.education-card,.contact-form,.detail-card,.detail-device-card{box-shadow:0 14px 34px #0000001f}}.screenshot-card{overflow:hidden}.screenshot-gallery{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;gap:16px;max-width:100%;margin-top:26px;padding-bottom:10px;display:flex;overflow-x:auto}.screenshot-gallery::-webkit-scrollbar{height:8px}.screenshot-gallery::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.screenshot-thumb{scroll-snap-align:start;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:22px;flex:none;width:auto;max-width:85vw;height:clamp(240px,42vw,420px);padding:0;transition:transform .2s,border-color .2s;overflow:hidden}.screenshot-thumb:hover,.screenshot-thumb:focus-visible{border-color:#42e8ff66;transform:translateY(-6px)}.screenshot-thumb img{object-fit:contain;width:auto;max-width:none;height:100%;display:block}.screenshot-lightbox{z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020204eb;justify-content:center;align-items:center;padding:32px;animation:.18s screenshotFadeIn;display:flex;position:fixed;inset:0}.screenshot-lightbox-image{border:1px solid var(--border-strong);object-fit:contain;cursor:default;border-radius:26px;max-width:min(88vw,560px);max-height:86vh;box-shadow:0 30px 100px #0009}.screenshot-lightbox-close{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:50%;place-items:center;font-size:1.1rem;transition:all .18s;display:grid;position:absolute;top:24px;right:24px}.screenshot-lightbox-nav{border:1px solid var(--border-strong);width:52px;height:52px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:50%;place-items:center;font-size:1.3rem;transition:all .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.screenshot-lightbox-nav.prev{left:24px}.screenshot-lightbox-nav.next{right:24px}.screenshot-lightbox-close:hover,.screenshot-lightbox-close:focus-visible,.screenshot-lightbox-nav:hover,.screenshot-lightbox-nav:focus-visible{background:#42e8ff24;border-color:#42e8ff80}.screenshot-lightbox-counter{border:1px solid var(--border);color:var(--muted);background:#ffffff14;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@keyframes screenshotFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=520px){.screenshot-thumb{height:60vw;max-height:320px}.screenshot-lightbox{padding:18px}.screenshot-lightbox-nav{width:44px;height:44px;font-size:1.1rem}.screenshot-lightbox-nav.prev{left:8px}.screenshot-lightbox-nav.next{right:8px}.screenshot-lightbox-close{top:14px;right:14px}}html[data-theme=light] .screenshot-thumb{background:#0000000a}html[data-theme=light] .screenshot-lightbox{background:#ffffffeb}html[data-theme=light] .screenshot-lightbox-close,html[data-theme=light] .screenshot-lightbox-nav,html[data-theme=light] .screenshot-lightbox-counter{color:#111;background:#0000000f;border-color:#00000024}