*{box-sizing:border-box;margin:0;padding:0}:root{--gradient-1:linear-gradient(135deg, #24d1b2 0%, #f7c948 54%, #ff6e54 100%);--gradient-2:linear-gradient(135deg, #ff6e54 0%, #f7c948 100%);--gradient-3:linear-gradient(135deg, #24d1b2 0%, #4facfe 100%);--gradient-4:linear-gradient(135deg, #a3e635 0%, #24d1b2 100%);--bg-dark:#090b10;--bg-card:#ffffff0e;--text-primary:#fff;--text-secondary:#ffffffa8;--glass-bg:#fff1;--glass-border:#ffffff21;--glass-highlight:#24d1b26b;--glass-shadow:0 18px 52px #00000052, inset 0 1px 0 #ffffff1f;--glass-flow-x:18%;--glass-flow-y:0px;--glass-flow-angle:128deg;--button-glass-bg:linear-gradient(var(--glass-flow-angle), #ffffff2e 0%, #ffffff0e 42%, #ffffff1a 100%);--button-glass-border:#ffffff3d;--button-glass-shadow:0 18px 42px #0000003d, inset 0 1px 0 #ffffff6b, inset 0 -12px 24px #00000029;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{background:var(--bg-dark);min-height:100%}body{background:var(--bg-dark);min-height:100%;color:var(--text-primary);margin:0;overflow-x:hidden}#root{min-height:100%}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:8px;transition:background .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.glass:before{content:"";background:linear-gradient(90deg, transparent 0%, transparent calc(var(--mouse-x,50%) - 30%), var(--glass-highlight) var(--mouse-x,50%), transparent calc(var(--mouse-x,50%) + 30%), transparent 100%);pointer-events:none;opacity:.8;z-index:2;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.glass:after{content:"";border-radius:inherit;background:radial-gradient(ellipse 60% 60% at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff1a 0%, #24d1b217 24%, #f7c9480d 46%, #ff6e5409 64%, transparent 85%);pointer-events:none;opacity:var(--glow-intensity,0);z-index:0;filter:blur(8px);transition:opacity .5s;position:absolute;inset:-20%}.glass:hover{background:#ffffff16;border-color:#24d1b257;box-shadow:0 12px 40px #24d1b21f,0 8px 32px #00000059,inset 0 1px #ffffff38}.glass:hover:before{opacity:1;height:2px}.glass>*{z-index:1;position:relative}.magnetic-button{transform-origin:50%;transform-style:preserve-3d;will-change:transform;perspective:700px;isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.9)brightness(1.1);position:relative;overflow:hidden}.magnetic-button:before{content:"";border-radius:inherit;background:linear-gradient(112deg, transparent 0%, transparent calc(var(--glass-flow-x) - 18%), #ffffff6b var(--glass-flow-x), #ffffff1a calc(var(--glass-flow-x) + 18%), transparent calc(var(--glass-flow-x) + 34%), transparent 100%), radial-gradient(circle at calc(var(--glass-flow-x) + 8%) 18%, #ffffff5c, transparent 30%);pointer-events:none;opacity:.78;mix-blend-mode:soft-light;height:auto;transform:translate3d(0, var(--glass-flow-y), 0) rotate(-4deg);will-change:transform, background;z-index:0;position:absolute;inset:-38% -24%}.magnetic-button:after{content:"";border-radius:inherit;background:radial-gradient(circle at calc(var(--glass-flow-x) - 12%) 18%, #ffffff2e, transparent 28%), radial-gradient(circle at 78% calc(90% + var(--glass-flow-y)), #24d1b229, transparent 34%), linear-gradient(180deg, #ffffff29, transparent 42%, #ffffff0f);filter:none;pointer-events:none;opacity:.82;transform:translate3d(0, calc(var(--glass-flow-y) * -.35), 0);will-change:transform, background;z-index:0;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 0 0 22px #ffffff0a}.magnetic-button.has-glass-surface:before,.magnetic-button.has-glass-surface:after{display:none}.magnetic-button>:not(.nav-indicator){z-index:1;position:relative}.magnetic-label{transform-style:preserve-3d;will-change:transform;text-shadow:0 1px #ffffff38,0 8px 14px #0003;justify-content:center;align-items:center;display:inline-flex}.gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glass-border)}.navbar{z-index:100;pointer-events:none;justify-content:center;width:100%;padding:0 48px;transition:top .28s,opacity .28s;display:flex;position:fixed;top:20px;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}.logo{white-space:nowrap;opacity:.82;pointer-events:auto;font-size:.98rem;font-weight:850;text-decoration:none;transition:opacity .28s}.nav-links{-webkit-backdrop-filter:blur(14px)saturate(1.25);isolation:isolate;pointer-events:auto;background:linear-gradient(#ffffff0d,#ffffff05),#080c1094;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:5px;transition:background .28s,border-color .28s,box-shadow .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 36px #00000038,inset 0 1px #ffffff14}.navbar.is-scrolled{top:12px}.navbar.is-scrolled .logo{opacity:.58}.navbar.is-scrolled .nav-links{-webkit-backdrop-filter:blur(18px)saturate(1.35);background:linear-gradient(#ffffff0f,#ffffff05),#05080cd6;border-color:#ffffff21;box-shadow:0 16px 42px #00000057,inset 0 1px #ffffff17}.nav-link{color:var(--text-primary);z-index:1;background:0 0;border-radius:10px;justify-content:center;align-items:center;min-width:86px;min-height:36px;padding:0;font-size:.9rem;font-weight:780;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.nav-link.magnetic-button:before,.nav-link.magnetic-button:after{display:none}.nav-link:hover{color:#fff;background:#ffffff0b}.nav-link.active{color:#fff;background:linear-gradient(120deg,#24d1b22e,#f7c94814),#ffffff0f;box-shadow:inset 0 1px #ffffff1f,inset 0 -10px 22px #0000001f}.nav-indicator{background:linear-gradient(90deg,#24d1b2 0%,#f7c948 100%);border-radius:2px;width:18px;height:2px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}@media (width<=768px){.navbar{padding:0 14px;top:14px}.navbar.is-scrolled{top:8px}.nav-container{justify-content:center}.logo{display:none}.nav-links{border-radius:13px;gap:8px;min-height:42px;padding:4px;position:static;left:auto;transform:none}.nav-link{min-width:72px;min-height:34px;font-size:.82rem}}.cursor-trail{z-index:999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.trail-box{opacity:0;will-change:transform, opacity;width:24px;height:24px;box-shadow:none;mix-blend-mode:normal;position:absolute;top:0;left:0}.trail-spark{clip-path:polygon(50% 0,64% 35%,100% 50%,64% 65%,50% 100%,36% 65%,0 50%,36% 35%);border-radius:4px;width:28px;height:28px}.trail-chip{border-radius:5px;width:30px;height:22px}.trail-petal{border-radius:999px 999px 999px 2px;width:34px;height:22px}.trail-dot{border-radius:50%;width:24px;height:24px}.trail-slash{border-radius:999px;width:38px;height:16px;transform:rotate(-18deg)}.trail-ring{border:4px solid;border-radius:50%;width:28px;height:28px;background:0 0!important}@media (prefers-reduced-motion:reduce),(pointer:coarse){.cursor-trail{display:none}}.motion-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 10%,#ff6e5412,#0000 28%),radial-gradient(circle at 86% 22%,#24d1b214,#0000 24%),linear-gradient(#08100d 0%,#0a1112 46%,#090b10 100%);min-height:100%;position:absolute;inset:0;overflow:hidden}.bg-field{opacity:.34;min-height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 34%,#0000 0 28%,#000 48%),linear-gradient(#0000 0,#000 14% 100%);mask-image:radial-gradient(circle at 50% 34%,#0000 0 28%,#000 48%),linear-gradient(#0000 0,#000 14% 100%)}.bg-stem{will-change:transform, opacity;background:0 0;width:1px;position:absolute}.bg-stem-line{transform-origin:bottom;will-change:transform, opacity;background:#d7ff2133;border-radius:999px;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.bg-stem-dot{aspect-ratio:1;will-change:transform, opacity;background:#d7ff21d6;border-radius:50%;width:6px;min-width:6px;height:6px;min-height:6px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.bg-stem:nth-child(3n) .bg-stem-dot{background:#24d1b2}.bg-stem:nth-child(4n) .bg-stem-line{background:#ff6e5447}.bg-stem:nth-child(5n) .bg-stem-line{background:#ffffff2e}.bg-doodle{opacity:.44;will-change:transform;display:block;position:absolute}.bg-shape{transform-origin:50%;display:block}.bg-dash{background:#fff4c8;border-radius:999px;width:42px;height:8px;transform:rotate(-48deg)}.bg-dot{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#d8c8ff 0 18%,#8b7cf6 42%,#5538ee 100%);border-radius:50%;min-width:24px;min-height:24px;width:24px!important;height:24px!important;transform:none!important}.bg-doodle-dot{width:24px;height:24px}.bg-pill{background:#24d1b2;border-radius:999px;width:38px;height:18px;transform:rotate(-22deg)}.bg-star{clip-path:polygon(50% 0,61% 34%,96% 16%,78% 50%,100% 80%,63% 69%,50% 100%,37% 69%,0 80%,22% 50%,4% 16%,39% 34%);background:#ff5fd2;width:34px;height:34px}@media (width<=720px){.bg-field{opacity:.28;min-height:100%;inset:0}.bg-stem:nth-child(n+23),.bg-doodle:nth-of-type(n+12){display:none}}@media (prefers-reduced-motion:reduce){.bg-stem,.bg-doodle{animation:none}}.home{isolation:isolate;min-height:100vh;padding:112px 24px 72px;position:relative;overflow:hidden}.home:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#090b100a,#090b1075 72%),linear-gradient(#090b1024,#090b109e);position:fixed;inset:0}.aurora-field{z-index:0;pointer-events:none;filter:blur(26px)saturate(185%);opacity:1;position:fixed;inset:-20%;overflow:hidden}.aurora-band{mix-blend-mode:screen;transform-origin:50%;will-change:transform;border-radius:999px;width:98vw;height:48vh;position:absolute}.band-a{background:linear-gradient(90deg,#0000,#24d1b2e6,#4facfe94,#0000);top:8%;left:-20%}.band-b{background:linear-gradient(90deg,#0000,#f7c94894,#ff6e54b8,#0000);top:24%;right:-24%}.band-c{background:linear-gradient(90deg,#0000,#24d1b280,#a45cff6b,#ff6e5475,#0000);width:100vw;bottom:-2%;left:2%}.home-hero,.home-focus{z-index:2;max-width:1240px;margin:0 auto;position:relative}.home-hero{grid-template-columns:minmax(230px,.44fr) minmax(0,1fr);align-items:center;gap:56px;min-height:calc(100vh - 132px);display:grid}.home-left{align-content:center;gap:18px;display:grid}.portrait-wrap{aspect-ratio:1;cursor:pointer;width:min(260px,100%);transform-style:preserve-3d;perspective:900px;will-change:transform;--shine-x:50%;--shine-y:50%;background:0 0;border:0;border-radius:8px;padding:0;display:block;position:relative}.portrait-face{z-index:1;backface-visibility:hidden;background:#0a0e14eb;border:1px solid #ffffff24;border-radius:8px;transition:transform .58s,border-color .25s,box-shadow .25s;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(24px);box-shadow:0 24px 70px #0000005c}.portrait-face img{object-fit:cover;width:100%;height:100%;display:block}.portrait-back{background:#fffffff5;padding:12px;transform:rotateY(180deg)translateZ(24px)}.portrait-back img{object-fit:contain}.portrait-wrap.is-flipped .portrait-front{transform:rotateY(180deg)translateZ(24px)}.portrait-wrap.is-flipped .portrait-back{transform:rotateY(360deg)translateZ(24px)}.portrait-wrap:hover .portrait-face{border-color:#24d1b26b;box-shadow:0 28px 80px #0000006b,0 0 34px #24d1b22e}.portrait-wrap:after{content:"";z-index:3;background:radial-gradient(circle at var(--shine-x) var(--shine-y), #ffffff57, #ffffff14 24%, transparent 52%);opacity:0;pointer-events:none;mix-blend-mode:screen;border-radius:8px;transition:opacity .22s;position:absolute;inset:0;transform:translateZ(42px)}.portrait-wrap:hover:after{opacity:1}.flip-hint{z-index:2;color:#ffffffd1;opacity:0;pointer-events:none;background:#090d12a8;border:1px solid #ffffff1f;border-radius:6px;align-items:center;min-height:26px;padding:0 9px;font-size:.74rem;font-weight:850;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.portrait-wrap:hover .flip-hint,.portrait-wrap.is-flipped .flip-hint{opacity:1;transform:translateY(0)}.profile-note{color:#ffffffad;max-width:260px;font-size:.94rem;line-height:1.75}.home-main{max-width:760px}.home-kicker,.focus-heading span{color:#24d1b2;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:900}.home-title{letter-spacing:0;margin:18px 0 22px;font-size:clamp(4rem,8.5vw,8.4rem);font-weight:950;line-height:.88}.home-title span{color:#ffffffd6;white-space:nowrap;width:max-content;max-width:none;margin-top:22px;font-size:clamp(1.35rem,2.25vw,2.35rem);font-weight:800;line-height:1.14;display:block}.home-summary{max-width:710px;color:var(--text-secondary);font-size:1.04rem;line-height:1.9}.home-summary span{display:block}.hero-proof{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero-proof span{color:#fffc;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:.86rem;font-weight:850;display:inline-flex}.home-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn-primary,.btn-secondary{background:linear-gradient(120deg,#24d1b21a,#ffffff06),#070c0f6b;border:1px solid #ffffff21;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-weight:900;text-decoration:none;transition:border-color .24s,background .24s,box-shadow .24s,transform .24s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff14}.btn-primary,.btn-secondary,.btn-primary:hover,.btn-secondary:hover{color:#fff}.btn-secondary{background:linear-gradient(120deg,#ffffff0d,#24d1b20b),#070c0f4d}.btn-primary:before,.btn-secondary:before{content:"";opacity:.55;pointer-events:none;background:linear-gradient(#ffffff13,#0000 56%);border-radius:8px;position:absolute;inset:1px}.btn-primary:hover,.btn-secondary:hover{background:linear-gradient(120deg,#24d1b229,#ffffff09),#09121485;border-color:#24d1b25c;box-shadow:0 14px 34px #0000003d,0 0 24px #24d1b214,inset 0 1px #ffffff1a}.btn-primary .magnetic-label,.btn-secondary .magnetic-label{z-index:1;position:relative}.home-focus{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:34px;padding-top:62px;display:grid}.focus-heading h2{max-width:380px;margin-top:12px;font-size:clamp(1.9rem,3vw,3rem);font-weight:900;line-height:1.12}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.capability-card{opacity:0;min-height:150px;padding:20px;transform:translateY(24px)}.capability-card h3{color:#f7c948;margin-bottom:10px;font-size:1.08rem}.capability-card p{color:var(--text-secondary);font-size:.94rem;line-height:1.75}.tool-strip{flex-wrap:wrap;grid-column:2;gap:10px;margin-top:-8px;display:flex}.tool-chip{color:#fffc;opacity:0;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:.86rem;font-weight:850;display:inline-flex;transform:translateY(24px)}@media (width<=1120px){.home-hero{grid-template-columns:minmax(190px,.34fr) minmax(0,1fr)}}@media (width<=820px){.home{padding:98px 18px 56px}.home-hero,.home-focus{grid-template-columns:1fr}.home-hero{gap:32px;min-height:auto}.portrait-wrap{width:160px}.profile-note{max-width:100%}.capability-grid{grid-template-columns:1fr}.tool-strip{grid-column:auto;margin-top:0}}@media (width<=560px){.home-title{font-size:3.6rem}.home-title span{white-space:normal;font-size:1.35rem}.home-actions a{width:100%}}.portfolio{max-width:1400px;min-height:100vh;margin:0 auto;padding:122px 24px 72px}.portfolio-header{max-width:900px;margin-bottom:28px}.portfolio-kicker{color:#24d1b2;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900}.portfolio-header h1{margin-bottom:16px;font-size:clamp(2.8rem,7vw,6rem);font-weight:900;line-height:.96}.portfolio-subtitle{max-width:760px;color:var(--text-secondary);font-size:1.04rem;line-height:1.85}.category-filter{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10b8;border:1px solid #ffffff1f;border-radius:8px;flex-wrap:wrap;gap:10px;width:fit-content;max-width:100%;margin:28px 0;padding:10px;display:flex;position:sticky;top:92px}.category-filter button{color:#ffffffbd;min-height:38px;font:inherit;cursor:pointer;background:linear-gradient(#ffffff0b,#ffffff04),#080e107a;border:1px solid #ffffff1f;border-radius:8px;padding:0 14px;font-size:.9rem;font-weight:800;transition:background .24s,color .24s,border-color .24s,box-shadow .24s;box-shadow:0 10px 24px #00000029,inset 0 1px #ffffff0f}.category-filter button:hover,.category-filter button.active{color:#fffffff0;background:linear-gradient(#24d1b21f,#ffffff05),#08121294;border-color:#24d1b247;box-shadow:0 12px 28px #0003,inset 0 1px #ffffff14}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-cell{opacity:0;border:1px dashed #fff3;border-radius:12px;min-height:430px;padding:10px;transform:translateY(34px)}.project-card{cursor:pointer;width:100%;height:100%;transition:border-color .28s,box-shadow .28s;overflow:hidden}.project-card:hover{box-shadow:0 18px 48px #24d1b224, var(--glass-shadow);border-color:#24d1b261}.project-media{aspect-ratio:16/9;border-bottom:1px solid var(--glass-border);background:#050608;width:100%;overflow:hidden}.media-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.project-info{padding:22px}.project-category{color:#f7c948;background:#f7c9481a;border-radius:6px;align-items:center;min-height:28px;margin-bottom:14px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.project-title{color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.25}.project-description{color:var(--text-secondary);margin-bottom:18px;font-size:.95rem;line-height:1.72}.project-tags,.deliverables{flex-wrap:wrap;gap:8px;display:flex}.tag,.deliverables span{color:#ffffffb8;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:6px;align-items:center;min-height:30px;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.project-detail-panel{border-top:1px solid #ffffff1f;margin-top:22px;padding-top:20px;display:none}.project-detail-panel h3{color:#24d1b2;margin:0 0 8px;font-size:.9rem}.project-detail-panel p{color:#ffffffb8;margin-bottom:16px;line-height:1.75}.flip-modal{z-index:1800;opacity:0;visibility:hidden;pointer-events:none;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal-overlay{opacity:0;cursor:pointer;background:#020403;border:0;position:absolute;inset:0}.modal-shell{z-index:1;width:min(1080px,92vw);max-height:min(90vh,900px);padding-top:50px;display:grid;position:relative}.modal-content{min-height:0;max-height:calc(min(90vh,900px) - 50px)}.modal-close{color:#fffffff0;cursor:pointer;transform-origin:50%;will-change:opacity, transform;background:linear-gradient(#ffffff0d,#ffffff04),#080e1099;border:1px solid #ffffff21;border-radius:8px;min-height:38px;padding:0 14px;font-weight:900;transition:border-color .24s,background .24s,box-shadow .24s;position:absolute;top:0;right:0;box-shadow:0 12px 28px #0003,inset 0 1px #ffffff12}.modal-close:hover{background:linear-gradient(#24d1b221,#ffffff05),#081212ad;border-color:#24d1b24d;box-shadow:0 14px 30px #0000003d,inset 0 1px #ffffff14}.project-card.is-expanded{cursor:default;border-color:#24d1b273;flex-direction:column;max-height:calc(min(90vh,900px) - 50px);display:flex;overflow:hidden}.project-card.is-expanded .project-media{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--glass-border);z-index:2;background:#000;flex:none;height:auto;min-height:0;max-height:min(58vh,620px);position:relative}.project-card.is-expanded .project-info{z-index:1;background:linear-gradient(#0a1110f5,#0a1110e0),#06090aeb;flex:auto;align-self:start;width:100%;min-height:0;max-height:30vh;padding:24px 28px 28px;position:relative;overflow:auto}.project-card.is-expanded .project-title{font-size:clamp(1.7rem,3vw,2.8rem)}.project-card.is-expanded .project-description{font-size:1rem}.project-card.is-expanded .project-detail-panel{display:block}@media (width<=1080px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.portfolio{padding:104px 18px 56px}.category-filter{width:100%;top:78px}.category-filter button{flex:auto}.projects-grid{grid-template-columns:1fr}.project-cell{min-height:auto}.project-card.is-expanded .project-media{min-height:0}}.about{max-width:1240px;min-height:100vh;margin:0 auto;padding:122px 24px 72px}.about-header{max-width:880px;margin-bottom:48px}.about-kicker{color:#24d1b2;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900}.about-header h1{margin-bottom:16px;font-size:clamp(2.8rem,7vw,6rem);font-weight:900;line-height:.96}.about-subtitle{color:var(--text-secondary);font-size:1.08rem;line-height:1.7}.about-content{flex-direction:column;gap:58px;display:flex}.bio-section{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:34px;padding:34px;display:grid}.avatar-image{object-fit:cover;border:1px solid #ffffff24;border-radius:8px;width:150px;height:150px;box-shadow:0 24px 70px #00000061}.bio-text h2,.section-title{color:var(--text-primary);font-size:clamp(1.65rem,2.4vw,2.35rem);font-weight:850;line-height:1.18}.bio-text h2{margin-bottom:18px}.bio-text p,.exp-description,.ai-content p{color:var(--text-secondary);font-size:.98rem;line-height:1.82}.bio-text p+p{margin-top:12px}.contact-info{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.copy-info-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.copy-info-item{min-height:44px;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;background:linear-gradient(#ffffff09,#ffffff03),#060d0e57;border:1px solid #ffffff14;border-radius:8px;align-items:center;padding:0 14px;transition:border-color .24s,background .24s,color .24s,box-shadow .24s;display:flex;position:relative;box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.copy-info-item:hover{color:#fff;background:linear-gradient(#ffffff0d,#ffffff04),#08121275;border-color:#24d1b22e}.copy-info-item .magnetic-label{justify-content:flex-start;gap:8px;width:100%}.bubble-label{color:#24d1b2db;letter-spacing:.04em;flex:none;font-size:.76rem;font-weight:900}.bubble-value{overflow-wrap:anywhere;color:#ffffffd6;min-width:0;font-size:.9rem;font-weight:750}.copy-pop{z-index:5;color:#07100d;pointer-events:none;opacity:0;visibility:hidden;white-space:nowrap;background:#fff;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000003d}.contact-link{border:1px solid var(--button-glass-border);min-height:40px;color:var(--text-primary);background:linear-gradient(120deg, #24d1b224, #8b7cf61a), var(--button-glass-bg);-webkit-backdrop-filter:blur(16px)saturate(1.8);box-shadow:var(--button-glass-shadow);border-radius:999px;align-items:center;padding:0 14px;font-weight:750;text-decoration:none;transition:background .24s,box-shadow .24s;display:inline-flex}.contact-link:hover{color:var(--text-primary);background:linear-gradient(120deg,#10e5942e,#d7ff2114),#ffffff1a}.section-title{margin-bottom:22px}.timeline{flex-direction:column;gap:18px;display:flex;position:relative}.timeline:before{content:"";opacity:.6;background:linear-gradient(#24d1b2,#f7c948,#ff6e54);width:2px;position:absolute;top:18px;bottom:18px;left:19px}.timeline-item{opacity:0;margin-left:52px;padding:26px;position:relative;transform:translateY(28px)}.timeline-item:before{content:"";background:#24d1b2;border-radius:50%;width:15px;height:15px;position:absolute;top:28px;left:-62px;box-shadow:0 0 0 8px #24d1b21f}.timeline-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.company-name{color:var(--text-primary);margin-bottom:6px;font-size:1.25rem;line-height:1.3}.role-name{color:#ffffffb3;font-weight:700}.period{color:#f7c948;white-space:nowrap;background:#f7c9481a;border-radius:6px;align-items:center;min-height:32px;padding:0 10px;font-size:.86rem;font-weight:850;display:inline-flex}.highlights{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.highlight-tag{color:#ffffffc2;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:6px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:750;display:inline-flex}.skill-tree-board{background:radial-gradient(circle at 18% 18%,#24d1b21a,#0000 28%),radial-gradient(circle at 78% 70%,#f7c94812,#0000 26%),linear-gradient(#ffffff09,#ffffff03),#060a0cb3;border:1px solid #ffffff14;border-radius:8px;min-height:620px;padding:34px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000004d,inset 0 1px #ffffff0f}.skill-tree-board:before{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(circle,#ffffff1f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.skill-tree-board:after{content:"技能矩阵";color:#ffffff0b;letter-spacing:0;pointer-events:none;font-size:clamp(4.5rem,13vw,10rem);font-weight:950;line-height:.85;position:absolute;bottom:-34px;left:-18px}.skill-link-layer{z-index:0;pointer-events:none;width:calc(100% - 68px);height:calc(100% - 68px);position:absolute;inset:34px}.skill-link-path,.skill-link-flow{fill:none;stroke-width:2px;stroke-linecap:round;opacity:0}.skill-link-flow{stroke-width:3px;stroke-dasharray:2 118;opacity:0;filter:drop-shadow(0 0 8px)}.skill-link-blue{color:#4fa3ff;stroke:#4fa3ff75}.skill-link-green{color:#24d1b2;stroke:#24d1b280}.skill-tree-row{z-index:1;grid-template-columns:230px minmax(230px,.92fr) minmax(380px,1.3fr);align-items:center;gap:36px;min-height:250px;display:grid;position:relative}.skill-tree-row+.skill-tree-row{margin-top:34px}.skill-root-card,.skill-tree-node{-webkit-backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(#ffffff0e,#ffffff05),#0c1114c7;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff12}.skill-root-card{min-height:132px;padding:22px}.skill-root-card span{color:#ffffffa3;letter-spacing:.04em;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-weight:900;display:block}.skill-root-card h3{color:#fff;font-size:clamp(1.65rem,3vw,2.45rem);font-weight:950;line-height:1.04}.skill-tree-row--blue .skill-root-card{border-top:2px solid #4fa3ffdb}.skill-tree-row--green .skill-root-card{border-top:2px solid #24d1b2e6}.skill-branch-column,.skill-tool-column{flex-direction:column;gap:10px;display:flex}.skill-tree-node{min-height:42px;padding:10px 14px;position:relative}.skill-branch-node{grid-template-columns:74px minmax(0,1fr);align-items:center;display:grid}.skill-tree-node span{color:#ffffff61;font-size:.7rem;font-weight:850;line-height:1.25}.skill-tree-node strong{color:#ffffffdb;font-size:.96rem;font-weight:850}.skill-tree-node:before,.skill-tree-node:after{content:"";background:#0a0e10;border:2px solid #ffffff3d;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.skill-tree-node:before{left:-6px}.skill-tree-node:after{right:-6px}.skill-tree-row--blue .skill-tree-node:before,.skill-tree-row--blue .skill-tree-node:after{border-color:#4fa3ff80}.skill-tree-row--green .skill-tree-node:before,.skill-tree-row--green .skill-tree-node:after{border-color:#24d1b28c}.skill-tool-node{min-height:58px}.skill-tool-node span{margin-bottom:8px;display:block}.skill-tool-list{flex-wrap:wrap;gap:7px;display:flex}.skill-tool-chip{color:#ffffffc7;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:6px;align-items:center;min-height:28px;padding:0 9px;font-size:.76rem;font-style:normal;font-weight:800;display:inline-flex}.ai-content{opacity:0;padding:28px;transform:translateY(28px)}.ai-thinking-card{grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);align-items:stretch;gap:36px;display:grid}.ai-lead{flex-direction:column;justify-content:center;min-height:100%;padding:4px 8px 4px 0;display:flex}.ai-lead span{color:#24d1b2;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.78rem;font-weight:950}.ai-lead h3{color:#fff;max-width:420px;margin-bottom:18px;font-size:clamp(1.55rem,2.5vw,2.35rem);font-weight:900;line-height:1.16}.ai-statement{border-left:1px solid #24d1b26b;max-width:920px;padding-left:30px}.ai-statement p{color:#ffffffb8;font-size:1rem;line-height:1.95}.ai-statement p+p{margin-top:16px}.ai-content h3{color:#ff6e54;margin:18px 0 8px;font-size:1.02rem}.ai-content h3:first-child{margin-top:0}@media (width<=920px){.skill-tree-board{min-height:auto;padding:24px}.skill-link-layer{display:none}.skill-tree-row{grid-template-columns:1fr;gap:14px;min-height:auto}.skill-tree-row+.skill-tree-row{margin-top:26px}.skill-root-card{min-height:auto}.skill-branch-node{grid-template-columns:68px minmax(0,1fr)}}@media (width<=720px){.about{padding:104px 18px 56px}.bio-section{grid-template-columns:1fr;padding:24px}.avatar-image{width:132px;height:132px}.timeline:before{left:7px}.timeline-item{margin-left:28px;padding:22px}.timeline-item:before{left:-35px}.timeline-header{flex-direction:column}.skill-tree-board{padding:18px}.skill-tree-board:after{font-size:4.6rem}.skill-tree-node:before,.skill-tree-node:after{display:none}.skill-tool-chip{font-size:.72rem}.ai-thinking-card{grid-template-columns:1fr}.ai-statement{border-left:0;padding-left:0}.copy-info-list{grid-template-columns:1fr}}.app{isolation:isolate;min-height:100%;position:relative}