:root{color:#d8dbe5;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#000108;--shell-bg:#00020a;--header-bg:#00020ae0;--line:#4d68973b;--line-strong:#6791d385;--text:#d8dbe5;--text-soft:#b8becb;--muted:#858fa3;--accent:#86b9ff;--accent-rgb:93, 146, 255;--shadow:#0000008f;background:#000108;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page-bg)}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--page-bg);margin:0;overflow-x:hidden}body,button,a{font:inherit}button,a{color:inherit}a{text-decoration:none}button{border:0}::selection{color:#fff;background:rgba(var(--accent-rgb), .7)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-shell{isolation:isolate;background:var(--page-bg);min-height:100svh;position:relative}.page-frame{z-index:100;pointer-events:none;border:1px solid #4b699738;border-radius:17px;position:fixed;inset:16px}.skip-link{z-index:200;color:#061022;background:var(--accent);border-radius:8px;padding:10px 14px;transition:top .18s;position:fixed;top:-80px;left:32px}.skip-link:focus{top:28px}.site-header{z-index:60;background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:17px 17px 0 0;height:78px;position:fixed;top:16px;left:16px;right:16px}.site-header:after{content:"";background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;position:absolute;bottom:0;left:32px;right:32px}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding:0 48px;display:grid}.site-logo{color:#8b9cff;letter-spacing:0;justify-self:start;font-size:31px;font-weight:650;line-height:1;transition:color .18s,text-shadow .18s}.site-logo span{color:#78a9ff}.site-logo:hover{color:#b8c4ff;text-shadow:0 0 18px #749cff85}.desktop-navigation{justify-content:center;align-items:center;gap:56px;height:100%;display:flex}.nav-link{height:100%;color:var(--text-soft);place-items:center;font-size:14px;transition:color .18s;display:grid;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1.5px;box-shadow:0 0 10px rgba(var(--accent-rgb), .8);transition:width .2s;position:absolute;bottom:9px}.nav-link:hover,.nav-link.is-active{color:var(--accent)}.nav-link.is-active:after{width:16px}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--text-soft);border:1px solid var(--line);background:#060f1e3d;border-radius:50%;place-items:center;padding:0;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.icon-button:hover{color:var(--accent);border-color:var(--line-strong);background:rgba(var(--accent-rgb), .08);box-shadow:0 0 20px rgba(var(--accent-rgb), .14)}.resume-button{min-height:44px;color:var(--text);border:1px solid var(--accent);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:13px;font-weight:500;transition:color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex}.resume-button:hover{color:#fff;background:rgba(var(--accent-rgb), .16);box-shadow:0 0 24px rgba(var(--accent-rgb), .18);transform:translateY(-1px)}.menu-toggle,.mobile-navigation{display:none}.hero-section{background:var(--shell-bg);min-height:100svh;scroll-margin-top:92px;position:relative;overflow:hidden}.cosmic-scene{z-index:0;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#00020a;border-radius:0 0 17px 17px;position:absolute;inset:94px 16px 16px;overflow:hidden}.cosmic-scene:before{z-index:7;content:"";pointer-events:none;background:radial-gradient(at 50% 54%,#0000 0 31%,#00010733 58%,#000004b3 100%),linear-gradient(#0001071f,#0000 42%,#0001077a 100%);position:absolute;inset:0}.cosmic-image,.cosmic-nebula,.cosmic-canvas,.effects-canvas,.orbit-field,.planet,.horizon-flare{position:absolute}.cosmic-image{z-index:0;filter:brightness(.66)saturate(.88)contrast(1.13);opacity:.66;background-image:url(./cosmic-hero-UNw-Iyxg.webp);background-position:top;background-repeat:no-repeat;background-size:cover;height:72%;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 100%)}.cosmic-nebula{z-index:1;mix-blend-mode:screen;background:radial-gradient(at 50% 55%,#18418824,#0000 39%),radial-gradient(circle at 51% 52%,#6097e514,#0000 18%);inset:0}.cosmic-canvas{z-index:2;pointer-events:none;opacity:.3;mix-blend-mode:screen;width:100%;height:100%;animation:24s ease-in-out infinite alternate cosmic-drift;inset:0}.effects-canvas{z-index:8;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;inset:0}.orbit-field{z-index:3;opacity:.22;width:min(78vw,1080px);height:58%;top:4%;left:50%;overflow:visible;transform:translate(-50%)rotate(-7deg)}.orbit-group{transform-origin:50%;animation:72s linear infinite orbit-spin}.orbit{fill:none;stroke-width:.8px}.orbit-primary{stroke:#6695e54d}.orbit-secondary{stroke:#5078bf21}.orbit-node{stroke:#ddebff80;stroke-width:.5px}.orbit-node-blue{fill:#3977ec;filter:drop-shadow(0 0 9px #3a7cff)}.orbit-node-white{fill:#fff;filter:drop-shadow(0 0 10px #fff)}.orbit-node-small{fill:#7996ca;filter:drop-shadow(0 0 5px #7fa7f0)}.shooting-star{z-index:4;opacity:.78;background:linear-gradient(90deg,#0000,#6a9eff6b,#ddecff);border-radius:999px;width:90px;height:1.5px;animation:8s ease-in-out infinite shooting-star;position:absolute;transform:rotate(-41deg);box-shadow:5px 0 11px #79aeffad}.shooting-star-one{top:14%;right:9%}.shooting-star-two{width:64px;animation-delay:-4.6s;top:39%;right:35%}.planet{z-index:2;aspect-ratio:2.55;opacity:.46;background:radial-gradient(at 50% 0,#264d9761,#0000 34%),radial-gradient(at 50% 42%,#0d214a 0%,#06122b 45%,#010611 72%);border-radius:50%;width:116%;top:51%;left:50%;transform:translate(-50%);box-shadow:0 -1px 2px #e7f4ffd1,0 -5px 13px #80b2ff8f,0 -22px 65px #3d6fcc57}.planet-texture{border-radius:inherit;opacity:.34;background-image:radial-gradient(circle at 35% 22%,#7ca5eb2e 0 1px,#0000 1.5px),radial-gradient(circle at 66% 18%,#7ca5eb24 0 1px,#0000 1.5px);background-size:29px 31px,43px 37px;position:absolute;inset:0;overflow:hidden}.horizon-flare{z-index:4;filter:blur(5px);opacity:.62;background:radial-gradient(#ffffffc7,#5b92ef38 30%,#0000 72%);border-radius:50%;width:31%;height:30px;animation:6s ease-in-out infinite flare-pulse;top:49.5%;left:50%;transform:translate(-50%)}.social-rail{z-index:20;flex-direction:column;align-items:center;gap:34px;display:flex;position:absolute;top:37%;left:61px}.social-links{flex-direction:column;align-items:center;gap:34px;display:flex}.social-link{color:#858e9f;place-items:center;width:28px;height:28px;transition:color .18s,filter .18s,transform .18s;display:grid}.social-link:hover{color:var(--accent);filter:drop-shadow(0 0 7px rgba(var(--accent-rgb), .7));transform:translate(3px)}.social-rail-line{background:linear-gradient(#8199be66,#0000);width:1px;height:72px}.scroll-cue{z-index:20;color:#7f899a;pointer-events:none;flex-direction:column;align-items:center;gap:31px;display:flex;position:absolute;top:44%;right:58px}.scroll-cue-line{background:linear-gradient(#8199be80,#8199be14);width:1px;height:78px;position:relative}.scroll-cue-dot{background:#a9c9ff;border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite cue-dot;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px 3px #4e87ffbf}.scroll-cue-label{letter-spacing:.42em;writing-mode:vertical-rl;font-size:9px}.tools-area{z-index:20;width:min(760px,100% - 160px);max-height:min(44vh,390px);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.section-divider{grid-template-columns:minmax(34px,112px) 4px auto 4px minmax(34px,112px);justify-content:center;align-items:center;column-gap:12px;margin:0 auto 14px;display:grid}.section-divider p{color:#78aaff;letter-spacing:.4em;white-space:nowrap;margin:0;font-size:10px;font-weight:560}.divider-line{background:linear-gradient(90deg,#0000,#6b8eca73);height:1px}.divider-line:last-child{transform:scaleX(-1)}.divider-dot{background:#759ee76b;border-radius:50%;width:4px;height:4px}.tools-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-color:#76b8ff8f #00050e3d;scrollbar-width:thin;background:#00050ec7;border:1px solid #5b7aab47;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(112px,100%),1fr));gap:12px;width:100%;max-height:min(34vh,310px);margin:0 auto;padding:12px 16px 11px;display:grid;overflow:hidden auto;box-shadow:0 22px 54px #00000057}.tool-item{color:#d5d8e2;opacity:0;width:100%;min-width:0;max-width:144px;animation:.52s forwards tool-enter;animation-delay:var(--tool-delay);flex-direction:column;justify-self:center;align-items:center;gap:8px;display:flex}.tool-icon-frame{background:linear-gradient(145deg,#071122e0,#010711f5);border:1px solid #647fae80;border-radius:8px;place-items:center;width:64px;height:64px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:grid}.tool-icon{width:42%;height:42%;color:var(--tool-color);filter:drop-shadow(0 0 8px rgba(var(--tool-glow), .24));transition:transform .22s,filter .22s}.tool-name{text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:17px;font-size:12px;line-height:1.35}.tool-item:hover .tool-icon-frame{border-color:rgba(var(--tool-glow), .8);box-shadow:0 12px 26px rgba(var(--tool-glow), .18), inset 0 0 20px rgba(var(--tool-glow), .07);background:#071326f5;transform:translateY(-4px)scale(1.04)}.tool-item:hover .tool-icon{filter:drop-shadow(0 0 12px rgba(var(--tool-glow), .64));transform:scale(1.05)}.tools-tail{justify-content:center;height:18px;padding-top:15px;display:flex}.tools-tail:before,.tools-tail:after{content:"";background:linear-gradient(90deg,#0000,#5576b475);width:76px;height:1px}.tools-tail:after{transform:scaleX(-1)}.tools-tail span{background:#b3d2ff;border-radius:50%;width:5px;height:5px;margin-top:-2px;box-shadow:0 0 11px 3px #4880ffad}@keyframes tool-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cosmic-drift{0%{opacity:.25;transform:translate(-.4%)scale(1.01)}to{opacity:.34;transform:translate(.5%,-.5%)scale(1.015)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes shooting-star{0%,72%{opacity:0;transform:translate(30px,-30px)rotate(-41deg)}78%{opacity:.78}92%,to{opacity:0;transform:translate(-50px,50px)rotate(-41deg)}}@keyframes flare-pulse{50%{opacity:.48;transform:translate(-50%)scaleX(1.06)}}@keyframes cue-dot{0%,to{opacity:.42;transform:translate(-50%,-52px)}50%{opacity:1;transform:translate(-50%)}}@media (width<=1180px){.header-inner{padding:0 32px}.desktop-navigation{gap:32px}.tools-area{width:min(520px,100% - 176px)}}@media (width<=900px){.social-rail,.scroll-cue{display:none}.tools-area{width:min(500px,100% - 56px)}}@media (width<=840px){.page-frame{border-radius:13px;inset:8px}.site-header{border-radius:13px 13px 0 0;height:64px;top:8px;left:8px;right:8px}.site-header:after{left:18px;right:18px}.header-inner{justify-content:space-between;padding:0 20px;display:flex}.site-logo{font-size:27px}.desktop-navigation,.desktop-resume{display:none}.header-actions{gap:10px}.menu-toggle{display:grid}.mobile-navigation{visibility:hidden;border-bottom:1px solid var(--line);box-shadow:0 28px 46px var(--shadow);opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00030bf7;gap:0;padding:18px 20px 24px;transition:opacity .18s,visibility .18s,transform .18s;display:grid;position:absolute;top:64px;left:0;right:0;transform:translateY(-10px)}.mobile-navigation.is-open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-nav-link{color:var(--text-soft);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 2px;display:flex}.mobile-nav-link.is-active{color:var(--accent)}.mobile-nav-index{color:var(--muted);font-size:10px}.mobile-resume{margin-top:20px}.hero-section{min-height:100svh}.cosmic-scene{border-radius:0 0 13px 13px;inset:72px 8px 8px}.cosmic-image{background-position:top;height:60%}.orbit-field{opacity:.18;width:130vw;top:8%}.planet{width:185%;top:48%}.horizon-flare{width:54%;top:47%}.tools-area{width:min(680px,100% - 40px);bottom:14px}.section-divider{grid-template-columns:minmax(28px,72px) 4px auto 4px minmax(28px,72px)}}@media (width<=560px){.icon-button{width:38px;height:38px}.cosmic-image{background-size:auto 100%;height:56%}.shooting-star-two{display:none}.tools-area{width:calc(100% - 32px);bottom:12px}.section-divider{grid-template-columns:28px 3px auto 3px 28px;column-gap:8px;margin-bottom:11px}.section-divider p{letter-spacing:.3em;font-size:9px}.tools-dock{border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:8px;max-height:min(36vh,300px);padding:10px 9px 9px}.tool-icon-frame{width:56px;height:56px}.tool-name{font-size:11px}.tools-tail{height:15px;padding-top:12px}}@media (height<=760px) and (width>=841px){.hero-section{min-height:760px}.tools-area{width:min(680px,100% - 160px);bottom:10px}.section-divider{margin-bottom:10px}.tool-icon-frame{width:56px;height:56px}.tools-dock{padding-top:9px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cosmic-scene{cursor:default}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}