@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@100..900&display=swap";@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --aurora-hue1{syntax:"<number>";inherits:false;initial-value:280}@property --aurora-hue2{syntax:"<number>";inherits:false;initial-value:320}:root{--bg-deep:#1f2236;--bg-card:#22263ad1;--bg-card-solid:#2a2e4a;--accent-cyan:#4f7d8c;--accent-magenta:#c4a45c;--accent-violet:#7a9868;--text-primary:#ede7dc;--text-secondary:#b8aa98;--text-muted:#7d7268;--border:#4f7d8c38;--border-hover:#4f7d8c73;--glow-cyan:#4f7d8c2e;--glow-magenta:#c4a45c24;--gold:#c4a45c;--font-display:"Noto Serif SC","ZCOOL XiaoWei",serif;--font-body:"Noto Sans SC","Space Grotesk",sans-serif;--font-mono:"JetBrains Mono",monospace;--section-gap:5rem;--glass-bg:#22263aa6;--glass-border:#c4a45c2b;--glass-blur:16px;--aurora-color-1:#37606c;--aurora-color-2:#ae8c3d;--aurora-color-3:#5b784a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-deep)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9998;opacity:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}.aurora{z-index:0;pointer-events:none;filter:blur(80px);opacity:.22;width:120%;height:60%;animation:15s ease-in-out infinite alternate auroraDrift;position:fixed;top:-30%;left:-10%}.aurora-band{border-radius:50%;width:100%;height:40%;position:absolute}.aurora-band:first-child{background:linear-gradient(90deg,transparent,var(--aurora-color-1),transparent);animation:8s ease-in-out infinite aw1;top:0}.aurora-band:nth-child(2){background:linear-gradient(90deg,transparent,var(--aurora-color-2),transparent);animation:10s ease-in-out infinite aw2;top:30%}.aurora-band:nth-child(3){background:linear-gradient(90deg,transparent,var(--aurora-color-3),transparent);animation:12s ease-in-out infinite aw3;top:50%}@keyframes auroraDrift{0%{transform:translate(-5%)rotate(-2deg)}to{transform:translate(5%)rotate(2deg)}}@keyframes aw1{0%,to{opacity:.6;transform:translate(-10%)scaleY(1)}50%{opacity:1;transform:translate(10%)scaleY(1.5)}}@keyframes aw2{0%,to{opacity:.5;transform:translate(5%)scaleY(1.2)}50%{opacity:.9;transform:translate(-8%)scaleY(.8)}}@keyframes aw3{0%,to{opacity:.4;transform:translate(-3%)scaleY(.8)}50%{opacity:.7;transform:translate(8%)scaleY(1.3)}}.gradient-mesh{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 80%,var(--glow-cyan) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,var(--glow-magenta) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--glow-cyan) 0%,transparent 60%);animation:20s ease-in-out infinite alternate meshShift;position:fixed;inset:0}@keyframes meshShift{0%{--gradient-angle:0deg}50%{--gradient-angle:180deg}to{--gradient-angle:360deg}}#flow-canvas{z-index:0;pointer-events:none;opacity:.48;position:fixed;inset:0}.blob-container{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.12;border-radius:50%;animation:25s ease-in-out infinite alternate blobMove;position:absolute}.blob:first-child{background:var(--accent-cyan);width:400px;height:400px;animation-duration:18s;top:10%;left:60%}.blob:nth-child(2){background:var(--accent-magenta);width:350px;height:350px;animation-duration:22s;animation-delay:-5s;top:50%;left:20%}.blob:nth-child(3){background:var(--accent-violet);width:300px;height:300px;animation-duration:25s;animation-delay:-10s;top:70%;left:70%}@keyframes blobMove{0%{transform:translate(0)scale(1)}33%{transform:translate(50px,-80px)scale(1.1)}66%{transform:translate(-30px,40px)scale(.9)}to{transform:translate(20px,-20px)scale(1.05)}}.content-wrapper{z-index:1;position:relative}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;max-width:800px;position:relative}.hero-label{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:var(--accent-cyan);opacity:0;text-shadow:0 0 10px var(--accent-cyan),0 0 40px #2d5a7b4d;margin-bottom:2rem;font-size:.7rem;animation:.8s .3s forwards fadeUp}.hero-name{font-family:var(--font-display);color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta),var(--accent-violet));opacity:0;filter:drop-shadow(0 0 30px #2d5a7b4d)drop-shadow(0 0 60px #c0785233);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:1.1;animation:1.2s .5s forwards nameReveal}@keyframes nameReveal{0%{opacity:0;filter:blur(12px);transform:translateY(40px)scale(.9)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.hero-title{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.08em;opacity:0;margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:300;animation:.8s .8s forwards fadeUp}.typed-text{border-right:2px solid var(--accent-cyan);text-shadow:0 0 8px #2d5a7b80;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{50%{border-color:#0000}}.hero-cta{opacity:0;justify-content:center;gap:1rem;animation:.8s 1s forwards fadeUp;display:flex}.btn-magnetic{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:0 0;align-items:center;padding:.85rem 2.2rem;font-size:.8rem;text-decoration:none;transition:box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.btn-magnetic:before{content:"";background:linear-gradient(90deg,#0000,#2d5a7b26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-magnetic:hover:before{left:100%}.btn-magnetic:hover{box-shadow:0 0 25px var(--glow-cyan),0 0 50px #2d5a7b1a,inset 0 0 25px #2d5a7b0d;background:#2d5a7b0d}.btn-magnetic.btn-primary{border-color:var(--accent-magenta);background:linear-gradient(135deg,#2d5a7b26,#c0785226)}.btn-magnetic.btn-primary:hover{box-shadow:0 0 30px var(--glow-cyan),0 0 60px var(--glow-magenta);background:linear-gradient(135deg,#2d5a7b40,#c0785240)}.hero-scroll{z-index:2;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;opacity:0;flex-direction:column;align-items:center;gap:.5rem;font-size:.6rem;animation:.8s 1.2s forwards fadeUp;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom,var(--accent-cyan),transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section{opacity:0;max-width:1000px;margin:0 auto;padding:0 2rem;transition:opacity .8s,transform .8s;transform:translateY(40px)}.section.visible{opacity:1;transform:translateY(0)}.section-header{margin-bottom:3rem;position:relative}.section-number{font-family:var(--font-mono);letter-spacing:.25em;color:var(--accent-cyan);text-shadow:0 0 6px #2d5a7b40;margin-bottom:.75rem;font-size:.7rem;display:block}.section-title{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 12px #2d5a7b1f;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(to right,var(--accent-cyan),var(--accent-magenta));width:60px;height:2px;box-shadow:0 0 10px var(--accent-cyan);position:absolute;bottom:-8px;left:0}.section-divider{background:linear-gradient(to right,transparent,var(--border),#c0785214,transparent);width:100%;height:1px;margin:var(--section-gap) 0}.about-text{color:var(--text-secondary);max-width:700px;font-size:1.05rem;line-height:2}.about-text strong{color:var(--accent-cyan);text-shadow:0 0 8px #2d5a7b4d;font-weight:500}.about-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);text-align:center;border-radius:14px;padding:1.5rem;transition:all .4s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-mask-composite:xor;opacity:0;border-radius:14px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-card:after{content:"";background:var(--bg-card-solid);z-index:0;border-radius:13px;position:absolute;inset:1px}.stat-card:hover:before{opacity:.5}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #2d5a7b1a,0 0 15px #c0785214}.stat-number,.stat-label{z-index:1;position:relative}.stat-number{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);letter-spacing:.05em;margin-top:.3rem;font-size:.8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.skill-category{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s}.skill-category:hover{box-shadow:0 0 30px var(--glow-cyan);border-color:#2d5a7b33}.skill-category h3{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px #c0785233;margin-bottom:1.2rem;font-size:.8rem;font-weight:500}.skill-tags{flex-wrap:wrap;gap:.6rem;display:flex}.skill-tag{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono);cursor:default;white-space:nowrap;background:#2d5a7b0f;border:1px solid #2d5a7b1f;border-radius:6px;padding:.45rem 1rem;font-weight:400;transition:color .2s,border-color .2s,background .2s}.skill-tag:hover{color:var(--accent-cyan);background:#2d5a7b14;border-color:#2d5a7b4d}.skills-marquee{flex-direction:column;gap:2rem;display:flex}.marquee-row{align-items:center;gap:1.5rem;display:flex}.marquee-label{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px #c0785233;flex-shrink:0;align-items:center;gap:.35rem;width:98px;font-size:.72rem;font-weight:500;display:flex}.marquee-viewport{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{will-change:transform;width:max-content;display:flex}.marquee-group{flex-shrink:0;gap:.6rem;padding-right:.6rem;display:flex}@keyframes marqueeScroll{0%{transform:translate(0,0)}to{transform:translate3d(calc(-1 * var(--g-w)),0,0)}}@keyframes marqueeScrollRev{0%{transform:translate3d(calc(-1 * var(--g-w)),0,0)}to{transform:translate(0,0)}}.timeline{padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--accent-cyan),var(--accent-magenta),transparent);width:2px;box-shadow:0 0 8px var(--glow-cyan);position:absolute;top:0;bottom:0;left:0}.timeline-item{opacity:0;margin-bottom:3rem;transition:all .6s;position:relative;transform:translate(-20px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-item:before{content:"";background:var(--accent-cyan);width:10px;height:10px;box-shadow:0 0 12px var(--accent-cyan),0 0 24px var(--glow-cyan);border-radius:50%;position:absolute;top:6px;left:-2.5rem;transform:translate(-4px)}.timeline-period{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.08em;text-shadow:0 0 4px #2d5a7b33;margin-bottom:.4rem;font-size:.75rem}.timeline-company{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 15px #2d5a7b33;margin-bottom:.15rem;font-size:1.3rem;font-weight:700}.timeline-role{color:var(--accent-magenta);text-shadow:0 0 4px #c0785226;margin-bottom:.6rem;font-size:.95rem;font-weight:500}.timeline-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.8}.project-card{-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;background:#f0ebe10a;border:1px solid #d4b8960f;border-radius:12px;padding:1.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(to right,var(--accent-cyan),var(--accent-magenta),var(--accent-violet));opacity:.4;width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.project-card:hover:before{opacity:1}.project-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#2d5a7b1f 0%,#0000 70%);border-radius:50%;width:60px;height:60px;transition:all .5s;position:absolute;top:10px;left:10px}.project-card:hover:after{opacity:1;transform:scale(2.5)}.project-icon{background:#d4b89614;border:1px solid #d4b8961f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.6rem;font-size:1.2rem;display:inline-flex;box-shadow:0 0 8px #d4b89614}.project-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.3rem;font-size:.95rem;font-weight:700}.project-desc{display:none}.project-tech{flex-wrap:wrap;gap:.3rem;display:flex}.project-tech span{font-family:var(--font-mono);color:var(--accent-violet);background:#b5a64214;border:1px solid #b5a6421a;border-radius:3px;padding:.15rem .45rem;font-size:.65rem}.project-detail-label{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.1em;text-transform:uppercase;margin-top:.6rem;margin-bottom:.3rem;font-size:.7rem}.project-detail-text{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.bento-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:2rem 0;display:grid}.bento-card{-webkit-backdrop-filter:blur(14px);cursor:pointer;opacity:0;background:#ffffff0d;border:1px solid #d4b89612;border-radius:16px;flex-direction:column;gap:.5rem;min-height:170px;padding:1.4rem 1.5rem;transition:opacity .55s,transform .55s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:translateY(24px)}.bento-card.visible{opacity:1;transform:translateY(0)}.bento-card.visible:hover{box-shadow:0 16px 48px #0000004d,0 0 28px rgba(var(--card-theme-rgb),.12);border-color:#d4b89638;transition-duration:.25s;transform:translateY(-4px)scale(1.016)}.bento-card:before{content:"";background:linear-gradient(to right,rgb(var(--card-theme-rgb)),transparent);opacity:.45;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bento-card.visible:hover:before{opacity:1}.bento-card *{cursor:pointer}.bento-card__glow{background:radial-gradient(circle,rgba(var(--card-theme-rgb),.16) 0%,transparent 70%);pointer-events:none;border-radius:50%;width:160px;height:160px;transition:transform .35s,opacity .35s;position:absolute;top:-50px;left:-30px}.bento-card.visible:hover .bento-card__glow{opacity:1.3;transform:scale(1.5)}.bento-card--wide{grid-column:span 2;min-height:180px}.bento-card .project-icon{background:linear-gradient(135deg,rgba(var(--card-theme-rgb),.1),#c0785212);border:1px solid rgba(var(--card-theme-rgb),.2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.bento-card .project-name{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:.92rem;font-weight:700}.bento-card .project-desc{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.55;display:none}.bento-card--wide .project-desc{display:block}.bento-card .project-tech{flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.3rem;display:flex}.bento-card .project-tech span{font-family:var(--font-mono);background:rgba(var(--card-theme-rgb),.08);border:1px solid rgba(var(--card-theme-rgb),.15);color:var(--accent-cyan);border-radius:4px;padding:.15rem .45rem;font-size:.58rem}@media (width<=768px){.bento-grid{grid-template-columns:1fr 1fr}.bento-card--wide{grid-column:span 2}}@media (width<=480px){.bento-grid{grid-template-columns:1fr}.bento-card--wide{grid-column:span 1}}body.detail-mode{overflow:hidden}.detail-overlay{z-index:100;opacity:0;pointer-events:none;background:#00000061;transition:opacity .38s;position:fixed;inset:0}body.detail-mode .detail-overlay{opacity:1;pointer-events:auto}.detail-card-clone{z-index:101;background:var(--bg-card);-webkit-backdrop-filter:blur(32px)saturate(1.4);border-left:1px solid var(--glass-border);will-change:transform;pointer-events:none;flex-direction:column;width:min(760px,92vw);height:100vh;transition:transform .52s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}body.detail-mode .detail-card-clone{pointer-events:auto;box-shadow:-1px 0 0 rgba(var(--drawer-theme-rgb,58,109,145),.22),-32px 0 80px #0006;transform:translate(0)}.detail-card-clone:before{content:"";background:linear-gradient(to bottom,transparent,rgba(var(--drawer-theme-rgb,58,109,145),.5) 25%,rgba(var(--drawer-theme-rgb,58,109,145),.5) 75%,transparent);opacity:0;pointer-events:none;z-index:2;width:1px;height:70%;transition:opacity .5s .28s;position:absolute;top:15%;left:0}body.detail-mode .detail-card-clone:before{opacity:1}.detail-close{z-index:10;background:var(--glass-bg);border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:.78rem;transition:color .18s,background .18s,border-color .18s;display:flex;position:absolute;top:1.3rem;right:1.3rem}.detail-close:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card)}.drawer-header{z-index:1;border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:3rem 2.5rem 2rem;position:relative;overflow:hidden}.drawer-header:before{content:"";background:radial-gradient(ellipse 90% 130% at -5% -10%,rgba(var(--drawer-theme-rgb,58,109,145),.12) 0%,transparent 60%);pointer-events:none;position:absolute;inset:0}.drawer-header-content{z-index:1;position:relative}.drawer-header .project-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;opacity:0;margin-bottom:.45rem;font-size:1.75rem;font-weight:700;animation:.42s cubic-bezier(.16,1,.3,1) .18s forwards drawerFadeUp;transform:translateY(12px)}.drawer-header .project-desc{color:var(--text-secondary);opacity:0;margin-bottom:1.1rem;font-size:.88rem;line-height:1.72;animation:.42s cubic-bezier(.16,1,.3,1) .25s forwards drawerFadeUp;display:block;transform:translateY(10px)}.drawer-header .project-tech{opacity:0;flex-wrap:wrap;gap:.38rem;animation:.42s cubic-bezier(.16,1,.3,1) .31s forwards drawerFadeUp;display:flex;transform:translateY(8px)}.drawer-header .project-tech span{font-family:var(--font-mono);background:rgba(var(--drawer-theme-rgb,58,109,145),.1);border:1px solid rgba(var(--drawer-theme-rgb,58,109,145),.22);color:rgb(var(--drawer-theme-rgb,58,109,145));letter-spacing:.03em;border-radius:4px;padding:.22rem .58rem;font-size:.66rem}@keyframes drawerFadeUp{to{opacity:1;transform:translateY(0)}}.drawer-body{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;z-index:1;flex:1;min-height:0;padding:1.6rem 2.5rem 3rem;position:relative;overflow:hidden auto}.drawer-body::-webkit-scrollbar{width:3px}.drawer-body::-webkit-scrollbar-track{background:0 0}.drawer-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.detail-section{border-top:1px solid var(--glass-border);opacity:0;padding:1.5rem 0;animation:.4s cubic-bezier(.16,1,.3,1) forwards drawerFadeUp;transform:translateY(10px)}.detail-section:first-child{border-top:none;padding-top:0}.detail-section:first-child{animation-delay:.38s}.detail-section:nth-child(2){animation-delay:.46s}.detail-section:nth-child(3){animation-delay:.54s}.detail-section:nth-child(4){animation-delay:.62s}.detail-section-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.65rem;display:flex}.detail-section-title:before{content:"";background:rgb(var(--drawer-theme-rgb,58,109,145));opacity:.8;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}.detail-section-content{color:var(--text-secondary);font-size:.9rem;line-height:1.9}.detail-particles{z-index:99;pointer-events:none;position:fixed;inset:0}@media (width<=768px){.detail-card-clone{border-left:none;width:100vw}.drawer-header{padding:2.5rem 1.5rem 1.5rem}.drawer-body{padding:1.4rem 1.5rem 2.5rem}}.education-list{flex-direction:column;gap:1.5rem;display:flex}.edu-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:14px;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .3s;display:flex}.edu-item:hover{box-shadow:0 0 25px var(--glow-cyan);border-color:#2d5a7b33;transform:translate(8px)}.edu-school{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 10px #2d5a7b33;font-size:1.1rem;font-weight:700}.edu-major{color:var(--accent-cyan);margin-top:.2rem;font-size:.9rem}.edu-year{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.contact-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.contact-icon{filter:drop-shadow(0 0 4px #2d5a7b33);background:linear-gradient(135deg,#2d5a7b1a,#c078521a);border:1px solid #2d5a7b26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.contact-text{flex:1;min-width:0}.contact-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-family:var(--font-mono)}.contact-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.95rem;overflow:hidden}.copy-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:#2d5a7b14;border:1px solid #2d5a7b26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:all .25s;display:inline-flex}.copy-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#2d5a7b1f}.copy-btn.copied{color:#4ade80;background:#4ade8014;border-color:#4ade804d}.copy-icon,.check-icon{pointer-events:none;justify-content:center;align-items:center;display:flex}.copy-icon svg,.check-icon svg{width:13px;height:13px}.check-icon,.copy-btn.copied .copy-icon{display:none}.copy-btn.copied .check-icon{color:#4ade80;display:flex}.toast{background:var(--bg-card-solid);font-family:var(--font-mono);color:var(--accent-cyan);opacity:0;z-index:9999;pointer-events:none;border:1px solid #2d5a7b33;border-radius:10px;padding:.7rem 1.4rem;font-size:.8rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:2rem;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 30px #0006,0 0 15px #2d5a7b1a}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.ripple{pointer-events:none;background:#2d5a7b40;border-radius:50%;animation:.6s ease-out forwards rippleAnim;position:absolute;transform:scale(0)}@keyframes rippleAnim{to{opacity:0;transform:scale(4)}}.stat-number[data-count]{transition:none}.footer{text-align:center;color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);padding:4rem 2rem 2rem}.footer-line{background:linear-gradient(to right,var(--accent-cyan),var(--accent-magenta));width:40px;height:1px;box-shadow:0 0 10px var(--accent-cyan);margin:0 auto 1.5rem}.footer-heart{vertical-align:middle;color:var(--accent-magenta);margin:0 .2rem;display:inline-flex;position:relative;top:-1px}.footer-heart svg{width:13px;height:13px}.section-title-icon{vertical-align:middle;width:26px;height:26px;color:var(--accent-cyan);opacity:.65;margin-right:.5rem;display:inline-flex;position:relative;top:-2px}.section-title-icon svg{width:26px;height:26px}.hero-label-icon{vertical-align:middle;opacity:.8;width:14px;height:14px;margin-right:.5rem;display:inline-flex;position:relative;top:-1px}.hero-label-icon svg{width:14px;height:14px}.bento-card .project-icon svg,.project-icon svg{width:20px;height:20px;color:rgb(var(--card-theme-rgb,58,109,145));display:block}.contact-icon svg{width:22px;height:22px;color:var(--accent-cyan)}.marquee-label-icon{opacity:.85;flex-shrink:0;width:13px;height:13px;display:inline-flex}.marquee-label-icon svg{width:13px;height:13px}.stat-icon{color:var(--accent-cyan);opacity:.7;justify-content:center;margin-bottom:.5rem;display:flex}.stat-icon svg{width:22px;height:22px}.role-icon{vertical-align:middle;width:15px;height:15px;color:var(--accent-magenta);opacity:.85;margin-right:.35rem;display:inline-flex;position:relative;top:-1px}.role-icon svg{width:15px;height:15px}.cursor-glow{background:radial-gradient(circle,var(--glow-cyan) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:300px;height:300px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-name,.hero-label,.hero-title,.hero-scroll,.hero-cta{opacity:1;filter:none;transform:none}.typed-text{border-right:none;animation:none}.section,.timeline-item{opacity:1;transform:none}.aurora,.blob,.starfield,.gradient-mesh{animation:none}#flow-canvas{display:none}.marquee-track{animation:none!important}}@media (width<=768px){:root{--section-gap:4rem}.section{padding:0 1.2rem}.about-stats{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr}.marquee-card{flex:0 0 240px;min-width:240px}.marquee-label{width:60px;font-size:.6rem}.edu-item{flex-direction:column;align-items:flex-start;gap:.5rem}.contact-grid{grid-template-columns:1fr}.timeline{padding-left:2rem}.timeline-item:before{left:-2rem}#flow-canvas{opacity:.2}.aurora{opacity:.12}.blob{opacity:.08}.gradient-mesh{opacity:.6}}@media (width<=480px){.about-stats{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.8rem}.hero-cta{flex-direction:column;align-items:center}#three-container,#flow-canvas{display:none}}.parallax-layer,.parallax-shape,.parallax-glow{will-change:transform}.parallax-scene{pointer-events:none;z-index:1;perspective:1200px;perspective-origin:50%;position:absolute;inset:0;overflow:hidden}.parallax-layer{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.parallax-layer[data-depth="0.03"]{z-index:1}.parallax-layer[data-depth="0.06"]{z-index:2}.parallax-layer[data-depth="0.1"]{z-index:3}.parallax-layer[data-depth="0.15"]{z-index:4}.parallax-layer[data-depth="0.22"]{z-index:5}.parallax-shape{opacity:0;pointer-events:none;border-radius:50%;animation:1.5s ease-out forwards pxFadeIn;position:absolute}.parallax-shape:first-child{animation-delay:.1s}.parallax-shape:nth-child(2){animation-delay:.25s}.parallax-shape:nth-child(3){animation-delay:.4s}.parallax-shape:nth-child(4){animation-delay:.55s}.parallax-shape:nth-child(5){animation-delay:.7s}.parallax-shape:nth-child(6){animation-delay:.85s}.parallax-shape:nth-child(7){animation-delay:1s}.parallax-shape:nth-child(8){animation-delay:1.15s}@keyframes pxFadeIn{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:var(--shape-opacity,.4);transform:scale(1)translateY(0)}}.parallax-shape--ring{border:1.5px solid var(--shape-color,#3a6d914d);box-shadow:0 0 12px var(--shape-glow,#3a6d911a);background:0 0;border-radius:50%}.parallax-shape--ring-lg{border-width:1px}.parallax-shape--dot{background:var(--shape-color,#d4b89680);box-shadow:0 0 8px var(--shape-glow,#d4b8964d);border-radius:50%}.parallax-shape--orb{background:radial-gradient(circle at 30% 30%,var(--shape-color,#3a6d914d),transparent 70%);filter:blur(1px);border-radius:50%}.parallax-shape--line{background:linear-gradient(90deg,transparent,var(--shape-color,#c0785266),transparent);transform:rotate(var(--line-angle,-30deg));border-radius:0;width:var(--line-width,60px)!important;height:1.5px!important}.parallax-shape--cross{background:0 0;border-radius:0;position:relative;width:16px!important;height:16px!important}.parallax-shape--cross:before,.parallax-shape--cross:after{content:"";background:var(--shape-color,#d4b89666);position:absolute}.parallax-shape--cross:before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.parallax-shape--cross:after{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}.parallax-shape--diamond{border:1px solid var(--shape-color,#b5a6424d);background:0 0;border-radius:2px;transform:rotate(45deg)}.parallax-shape--float{animation:1s ease-out forwards pxFadeIn,5s ease-in-out infinite pxFloat}.parallax-shape--float-slow{animation:1s ease-out forwards pxFadeIn,7s ease-in-out infinite pxFloat}.parallax-shape--float-fast{animation:1s ease-out forwards pxFadeIn,3s ease-in-out infinite pxFloat}@keyframes pxFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-14px)rotate(2deg)}50%{transform:translateY(-6px)rotate(-1deg)}75%{transform:translateY(-18px)rotate(1deg)}}.parallax-shape--pulse{animation:1s ease-out forwards pxFadeIn,2.5s ease-in-out infinite pxPulse}@keyframes pxPulse{0%,to{opacity:var(--shape-opacity,.3);transform:scale(1)}50%{opacity:calc(var(--shape-opacity,.3)*1.8);transform:scale(1.15)}}.parallax-glow{background:radial-gradient(circle at center,var(--glow-cyan) 0%,var(--glow-magenta) 30%,transparent 65%);pointer-events:none;z-index:2;opacity:0;border-radius:50%;width:550px;height:550px;transition:opacity .6s;position:absolute;transform:translate(-50%,-50%)}.parallax-glow--active{opacity:1}.hero-content--parallax .hero-name{text-shadow:0 1px 2px #0000004d,0 4px 12px #3a6d911a}@media (width<=768px){.parallax-scene{display:none}.hero-content--parallax{transform:none!important}.parallax-glow{display:none}}@media (prefers-reduced-motion:reduce){.parallax-scene,.parallax-glow{display:none}.hero-content--parallax{transform:none!important}.parallax-shape{opacity:var(--shape-opacity,.3);animation:none}}#theme-toggle{z-index:9990;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}#theme-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;box-shadow:0 4px 16px #00000040}#theme-btn:hover{color:var(--gold);border-color:var(--gold);background:#d4b8961a;transform:rotate(30deg)}#theme-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);opacity:0;pointer-events:none;border-radius:14px;min-width:140px;padding:1rem 1.2rem;transition:all .25s cubic-bezier(.16,1,.3,1);transform:translateY(8px)scale(.97);box-shadow:0 8px 32px #0000004d}#theme-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}#theme-panel h4{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.65rem}.theme-group-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;opacity:.7;padding:.3rem .5rem .2rem;font-size:.6rem}.theme-group-label--light{border-top:1px solid var(--glass-border);margin-top:.5rem;padding-top:.6rem}.theme-list{flex-direction:column;gap:.3rem;display:flex}.theme-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .5rem;transition:background .2s;display:flex}.theme-item:hover{background:#ffffff0a}.theme-item.active{border-color:var(--glass-border);background:#ffffff0f}.theme-swatches{flex-shrink:0;gap:3px;display:flex}.theme-swatch{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.theme-name{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}@media (width<=768px){#theme-toggle{bottom:1rem;right:1rem}}[data-theme-mode=light] .aurora{opacity:.14}[data-theme-mode=light] .blob{opacity:.07}[data-theme-mode=light] .gradient-mesh{opacity:.5}[data-theme-mode=light] .bento-card{background:#0000000a}[data-theme-mode=light] .project-card{background:#00000008}[data-theme-mode=light] .theme-item:hover{background:#0000000a}[data-theme-mode=light] .theme-item.active{background:#0000000f}[data-theme-mode=light] #theme-btn:hover{background:#00000012}[data-theme-mode=light] body.detail-mode .detail-card-clone{box-shadow:-1px 0 0 rgba(var(--drawer-theme-rgb,58,109,145),.15),-32px 0 80px #0000001f}.card-expander{flex-direction:column;display:flex;position:relative;overflow:hidden}.card-expander__cards{flex-direction:row;gap:12px;width:100%;display:flex}.card-expander__card{cursor:pointer;transform-origin:bottom;will-change:transform,opacity;flex:1 1 0;min-width:0;transition:opacity .35s,transform .4s cubic-bezier(.16,1,.3,1)}.card-expander--open .card-expander__card{opacity:0;pointer-events:none;transform:scale(.72)translateY(10px)}.card-expander__panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);border-radius:inherit;will-change:transform;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;pointer-events:none;transition:transform .48s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow-y:auto;transform:translate(100%)}.card-expander--open .card-expander__panel{pointer-events:auto;transform:translate(0)}.pe-grid .card-expander__cards{flex-wrap:wrap}.pe-grid .card-expander__card{flex:280px}.pe-grid{border-radius:16px;min-height:240px}.pe-card{-webkit-backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #d4b89612;border-radius:14px;flex-direction:column;gap:.55rem;height:100%;min-height:220px;padding:1.4rem 1.5rem;transition:border-color .28s,box-shadow .28s,transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.pe-card__glow{background:radial-gradient(circle,rgba(var(--pe-rgb,58,109,145),.15) 0%,transparent 70%);pointer-events:none;opacity:.6;border-radius:50%;width:140px;height:140px;transition:opacity .3s,transform .35s;position:absolute;top:-40px;left:-20px}.pe-card:hover{box-shadow:0 12px 36px #0000003d,0 0 22px rgba(var(--pe-rgb,58,109,145),.1);border-color:#d4b89633;transform:translateY(-3px)}.pe-card:hover .pe-card__glow{opacity:1.2;transform:scale(1.5)}.pe-card:before{content:"";background:linear-gradient(to right,rgb(var(--pe-rgb,58,109,145)),transparent);opacity:.4;height:2px;transition:opacity .28s;position:absolute;top:0;left:0;right:0}.pe-card:hover:before{opacity:1}.pe-card__icon{background:linear-gradient(135deg,rgba(var(--pe-rgb,58,109,145),.1),#c0785212);border:1px solid rgba(var(--pe-rgb,58,109,145),.2);width:36px;height:36px;color:rgb(var(--pe-rgb,58,109,145));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pe-card__icon svg{width:18px;height:18px}.pe-card__name{font-family:var(--font-display);color:var(--text-primary);font-size:.88rem;font-weight:700}.pe-card__desc{color:var(--text-secondary);font-size:.74rem;line-height:1.55}.pe-card__tech{flex-wrap:wrap;gap:.28rem;margin-top:auto;padding-top:.3rem;display:flex}.pe-card__tech span{font-family:var(--font-mono);background:rgba(var(--pe-rgb,58,109,145),.08);border:1px solid rgba(var(--pe-rgb,58,109,145),.16);color:var(--accent-cyan);border-radius:4px;padding:.12rem .42rem;font-size:.57rem}.pe-detail{flex-direction:column;height:100%;padding:2.2rem 2.2rem 2rem;display:flex;position:relative;overflow:hidden}.pe-detail__glow{background:radial-gradient(circle,rgba(var(--pe-rgb,58,109,145),.12) 0%,transparent 65%);pointer-events:none;z-index:0;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;left:-60px}.pe-detail__header{z-index:1;border-bottom:1px solid var(--glass-border);flex-shrink:0;padding-bottom:1.4rem;padding-right:3rem;position:relative}.pe-detail__icon{background:linear-gradient(135deg,rgba(var(--pe-rgb,58,109,145),.12),#c0785212);border:1px solid rgba(var(--pe-rgb,58,109,145),.22);width:42px;height:42px;color:rgb(var(--pe-rgb,58,109,145));border-radius:10px;justify-content:center;align-items:center;margin-bottom:.9rem;display:flex}.pe-detail__icon svg{width:22px;height:22px}.pe-detail__name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.012em;margin-bottom:.35rem;font-size:1.45rem;font-weight:700}.pe-detail__subdesc{color:var(--text-secondary);font-size:.84rem;line-height:1.65}.pe-detail__tech{flex-wrap:wrap;gap:.32rem;margin-top:.85rem;display:flex}.pe-detail__tech span{font-family:var(--font-mono);background:rgba(var(--pe-rgb,58,109,145),.1);border:1px solid rgba(var(--pe-rgb,58,109,145),.22);color:rgb(var(--pe-rgb,58,109,145));border-radius:4px;padding:.18rem .52rem;font-size:.63rem}.pe-detail__body{z-index:1;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;flex:1;padding-top:1.2rem;position:relative;overflow-y:auto}.pe-detail__body::-webkit-scrollbar{width:3px}.pe-detail__body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.pe-detail__section{border-bottom:1px solid #d4b89612;padding:1rem 0}.pe-detail__section:last-child{border-bottom:none}.pe-detail__section-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:.6rem;display:flex}.pe-detail__section-title:before{content:"";background:rgb(var(--pe-rgb,58,109,145));opacity:.85;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}.pe-detail__section-text{color:var(--text-secondary);font-size:.81rem;line-height:1.8}.card-expander__panel::-webkit-scrollbar{width:3px}.card-expander__panel::-webkit-scrollbar-track{background:0 0}.card-expander__panel::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.card-expander__close{z-index:10;background:var(--glass-bg);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:color .18s,background .18s,border-color .18s;display:flex;position:absolute;top:1rem;right:1rem}.card-expander__close:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card)}.rb-scroll-reveal{margin:2rem 0;overflow:hidden}.rb-scroll-reveal-text{color:var(--text-primary);font-size:clamp(1.4rem,3.8vw,2.4rem);font-weight:600;line-height:1.7;font-family:var(--font-display)}.rb-word{display:inline-block}.rb-spotlight-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));--mouse-x:50%;--mouse-y:50%;--spotlight-color:#4f7d8c2e;border-radius:14px;padding:1.8rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.rb-spotlight-card:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.rb-spotlight-card:hover:before{opacity:1}.rb-spotlight-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.philosophy-statement{font-size:clamp(1.4rem,3.8vw,2.4rem)!important;line-height:1.7!important;font-family:var(--font-display)!important;color:var(--text-primary)!important}.philosophy-subtitle{font-family:var(--font-mono);letter-spacing:.15em;color:var(--accent-magenta);text-shadow:0 0 8px var(--glow-magenta);margin-top:2rem;font-size:.8rem}.highlights-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;display:grid}.highlight-card{flex-direction:column;gap:.6rem;display:flex}.highlight-icon{width:36px;height:36px;color:var(--accent-cyan);background:#4f7d8c14;border:1px solid #4f7d8c26;border-radius:9px;justify-content:center;align-items:center;font-size:0;display:flex}.highlight-icon svg{width:18px;height:18px}.highlight-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.highlight-desc{color:var(--text-secondary);font-size:.84rem;line-height:1.65}@media (width<=600px){.highlights-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.highlight-card{padding:1.2rem}}.fm-menu-wrap{width:100%;overflow:hidden}.fm-menu{flex-direction:column;margin:0;padding:0;display:flex}.fm-menu__item{text-align:center;border-top:1px solid var(--border);flex:1;position:relative;overflow:hidden}.fm-menu__item:first-child{border-top:none}.fm-menu__item-label{cursor:pointer;text-transform:uppercase;white-space:nowrap;height:100%;color:var(--text-primary);letter-spacing:.08em;font-size:clamp(1.8rem,5vh,3.6rem);font-weight:700;font-family:var(--font-display);justify-content:center;align-items:center;text-decoration:none;transition:opacity .35s,letter-spacing .4s;display:flex;position:relative}.fm-marquee{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(101%)}.fm-marquee__inner-wrap{width:100%;height:100%;overflow:hidden}.fm-marquee__inner{will-change:transform;align-items:center;width:fit-content;height:100%;display:flex;position:relative}.fm-marquee__part{flex-shrink:0;align-items:center;gap:2.5rem;display:flex}.fm-marquee__text{white-space:nowrap;text-transform:uppercase;color:var(--bg-deep);font-size:clamp(1.8rem,5vh,3.6rem);font-weight:800;line-height:1;font-family:var(--font-display);padding:0 .8vw}.fm-marquee__tag{white-space:nowrap;color:var(--bg-deep);opacity:.75;font-size:clamp(1rem,2.2vh,1.4rem);font-weight:500;font-family:var(--font-sans);background:#00000012;border:1.5px solid #0000002e;border-radius:999px;padding:.4em 1.1em}.fm-menu__item:hover .fm-menu__item-label{opacity:.12;letter-spacing:.12em}.fm-marquee{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta,var(--accent-cyan)))}.expertise-subtitle{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem;font-size:.85rem}.expertise-menu-container{height:clamp(420px,65vh,640px);position:relative;overflow:hidden}.expertise-menu-container:before{content:"";border-top:1px solid var(--border);border-bottom:1px solid var(--border);pointer-events:none;z-index:1;position:absolute;inset:0}.infinite-menu-container{width:100%;height:100%;position:relative}.infinite-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.infinite-menu-canvas:active{cursor:grabbing}.infinite-menu-title{-webkit-user-select:none;user-select:none;color:var(--text-primary);font-size:clamp(1.5rem,3vw,3rem);font-weight:900;font-family:var(--font-display);pointer-events:none;text-shadow:0 2px 20px #00000080;position:absolute;top:50%;left:1.6em;transform:translate(20%,-50%)}.infinite-menu-title.active{opacity:1;transition:opacity .5s,transform .5s;transform:translate(20%,-50%)}.infinite-menu-title.inactive{opacity:0;transition:opacity .1s;transform:translate(30%,-50%)}.infinite-menu-desc{-webkit-user-select:none;user-select:none;max-width:14ch;color:var(--text-secondary);pointer-events:none;text-shadow:0 1px 10px #00000080;font-size:clamp(.85rem,1.2vw,1.2rem);line-height:1.6;position:absolute;top:50%;right:1%;transform:translate(-90%,-50%)}.infinite-menu-desc.active{opacity:1;transition:opacity .5s,transform .5s;transform:translate(-90%,-50%)}.infinite-menu-desc.inactive{opacity:0;transition:opacity .1s;transform:translate(-60%,-50%)}.infinite-menu-action{z-index:10;background:var(--accent-cyan);border:3px solid var(--bg-deep);cursor:pointer;border-radius:50%;place-items:center;width:52px;height:52px;transition:bottom .5s,opacity .5s,transform .5s;display:grid;position:absolute;left:50%}.infinite-menu-action.active{opacity:1;bottom:2.5em;transform:translate(-50%)scale(1)}.infinite-menu-action.inactive{opacity:0;bottom:-80px;transform:translate(-50%)scale(0)}.infinite-menu-action-icon{-webkit-user-select:none;user-select:none;color:var(--bg-deep);font-size:22px;font-weight:700}@media (width<=768px){.infinite-menu-title,.infinite-menu-desc{display:none}.infinite-menu-action{width:40px;height:40px}.infinite-menu-action-icon{font-size:18px}}.infinite-menu-fallback-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:1rem;max-height:100%;padding:1rem;display:grid;overflow-y:auto}.infinite-menu-fallback-card{border:1px solid var(--border,#ffffff14);background:var(--bg-card,#1a1a2e);color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.infinite-menu-fallback-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000059}.infinite-menu-fallback-img{aspect-ratio:1;background:var(--bg-muted,#111);overflow:hidden}.infinite-menu-fallback-img img{object-fit:cover;width:100%;height:100%;display:block}.infinite-menu-fallback-info{flex-direction:column;gap:.2rem;min-height:0;padding:.6rem .75rem;display:flex}.infinite-menu-fallback-title{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden}.infinite-menu-fallback-desc{color:var(--text-secondary,#999);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.3;overflow:hidden}.project-sphere-subtitle{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.85rem}.project-sphere-container{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;height:clamp(400px,60vh,640px);position:relative;overflow:hidden}.text-pressure-content{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:clamp(320px,50vh,520px);display:flex;position:relative;overflow:hidden}.tp-container{cursor:default;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;height:100%;padding:0 1rem;display:flex}.tp-char{color:var(--text-primary);will-change:font-size,font-variation-settings;line-height:1.1;transition:color .3s;display:inline-block}.tp-char:hover{color:var(--accent-cyan)}.text-pressure-subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.8rem;position:absolute;bottom:1.5rem}.identity-layout{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.identity-shape-wrapper{aspect-ratio:1;width:100%;max-width:480px;position:relative}.identity-shape-wrapper canvas{border-radius:16px}.identity-tags{pointer-events:none;position:absolute;inset:0}.identity-tag{font-family:var(--font-mono);color:var(--accent-cyan);background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;opacity:0;transform:translate(-50%, -50%) rotate(var(--tag-angle)) translateY(-42%) rotate(calc(-1 * var(--tag-angle)));animation:.6s forwards identity-tag-appear;animation-delay:calc(var(--tag-index) * .1s + .3s);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;position:absolute;top:50%;left:50%}@keyframes identity-tag-appear{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--tag-angle)) translateY(-30%) rotate(calc(-1 * var(--tag-angle))) scale(.8)}to{opacity:1;transform:translate(-50%, -50%) rotate(var(--tag-angle)) translateY(-42%) rotate(calc(-1 * var(--tag-angle))) scale(1)}}.identity-description{text-align:center;max-width:600px}.identity-description p{color:var(--text-muted);font-size:1rem;line-height:1.8}@media (width>=768px){.identity-layout{flex-direction:row;align-items:center;gap:3rem}.identity-shape-wrapper{flex-shrink:0;max-width:380px}.identity-description{text-align:left}}body.bl-active{overflow:hidden}.bl-overlay{z-index:99995;pointer-events:none;background:#000;position:fixed;inset:0}.bl-overlay.bl-scanning{animation:.72s cubic-bezier(.16,1,.3,1) forwards bl-clip-rtl}@keyframes bl-clip-rtl{0%{clip-path:inset(0 0% 0 0)}to{clip-path:inset(0 100% 0 0)}}.bl-beam{z-index:99996;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bl-beam:before{content:"";will-change:transform;background:linear-gradient(90deg,#d2e6ff 0,#ffffffeb 3px,#fff9 20px,#ffffff38 70px,#ffffff12 130px,#0000 200px);width:200px;animation:.72s cubic-bezier(.16,1,.3,1) forwards bl-beam-sweep;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 2px,#000000d1 2px 4px);mask-image:repeating-linear-gradient(0deg,#000 0 2px,#000000d1 2px 4px)}.bl-beam:after{content:"";filter:blur(18px);will-change:transform;background:linear-gradient(90deg,#0000,#b4d2ff2e 80px,#b4d2ff1a 160px,#0000 260px);width:260px;animation:.72s cubic-bezier(.16,1,.3,1) forwards bl-beam-sweep;position:absolute;top:0;bottom:0;left:-60px}@keyframes bl-beam-sweep{0%{transform:translate(100vw)}to{transform:translate(0)}}.bl-frame{z-index:99997;color:#fff;pointer-events:none;flex-direction:column;font-family:JetBrains Mono,Courier New,monospace;display:flex;position:fixed;inset:0}.bl-top{pointer-events:all;flex-shrink:0}.bl-top-bar{background:#000;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px 8px;display:flex}.bl-top-bar,.bl-ticker-wrap{opacity:0;animation:.4s .2s forwards bl-fadein}.bl-meta-col{flex-direction:column;gap:2px;display:flex}.bl-meta-col--r{align-items:flex-end}.bl-meta-lbl{letter-spacing:.24em;color:#ffffff4d;text-transform:uppercase;font-size:9px}.bl-meta-val{letter-spacing:.14em;color:#ffffffa6;font-size:10px}.bl-top-icon{color:#ffffffb3;border:1px solid #fff6;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.bl-ticker-wrap{background:#ffffff06;border-bottom:1px solid #ffffff0f;align-items:center;height:22px;animation-delay:.15s;display:flex;overflow:hidden}.bl-ticker{white-space:nowrap;letter-spacing:.18em;color:#ffffff38;font-size:10px;animation:22s linear infinite bl-scroll;display:flex}@keyframes bl-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.bl-inner{flex:1;position:relative;overflow:hidden}.bl-ready{letter-spacing:.32em;color:#ffffff59;text-transform:uppercase;opacity:0;font-size:10px;animation:.3s .9s forwards bl-fadein;position:absolute;top:18px;left:20px}.bl-diag{letter-spacing:.1em;color:#ffffff26;white-space:nowrap;pointer-events:none;opacity:0;font-size:10px;animation:.5s 1.1s forwards bl-fadein;position:absolute}.bl-diag--tl{transform-origin:0 0;top:12%;left:6%;transform:rotate(45deg)}.bl-diag--tr{transform-origin:100% 0;top:6%;right:6%;transform:rotate(-45deg)}.bl-diag--bl{transform-origin:0 100%;bottom:28%;left:6%;transform:rotate(45deg)}.bl-diag--br{transform-origin:100% 100%;bottom:10%;right:6%;transform:rotate(-45deg)}.bl-authorized{letter-spacing:.38em;color:#ffffffb8;text-transform:uppercase;opacity:0;font-size:13px;animation:.4s 1.5s forwards bl-fadein,5s 2.8s infinite bl-flicker;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bl-cursor{vertical-align:middle;background:#ffffffb3;width:7px;height:.9em;margin-left:4px;animation:1.1s step-end infinite bl-blink;display:inline-block}.bl-screen-footer{opacity:0;justify-content:space-between;align-items:flex-end;padding:14px 20px;animation:.4s 1.9s forwards bl-fadein;display:flex;position:absolute;bottom:0;left:0;right:0}.bl-footer-col{flex-direction:column;gap:2px;display:flex}.bl-footer-col--r{align-items:flex-end}.bl-footer-title{letter-spacing:.2em;color:#ffffff9e;text-transform:uppercase;font-size:10px}.bl-footer-sub{letter-spacing:.15em;color:#ffffff4d;text-transform:uppercase;font-size:10px}.bl-blocks{letter-spacing:.1em;color:#ffffff8c;font-size:15px;animation:1.4s ease-in-out infinite bl-blocks-pulse}.bl-bottom-bar{pointer-events:all;opacity:0;background:#000;border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 20px 13px;animation:.4s 1.3s forwards bl-fadein;display:flex}.bl-bot-col{flex-direction:column;gap:2px;display:flex}.bl-bot-lbl{letter-spacing:.26em;color:#ffffff8c;text-transform:uppercase;font-size:9px}.bl-bot-sub{letter-spacing:.2em;color:#ffffff40;text-transform:uppercase;font-size:9px}.bl-hz{letter-spacing:.22em;color:#ffffff47;font-size:10px}.bl-exit-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;padding:5px 8px;transition:opacity .15s;display:flex;position:relative}.bl-exit-btn:before{content:"";border:1px solid #0000;transition:border-color .2s;position:absolute;inset:0}.bl-exit-btn:hover:before{border-color:#ffffff4d}.bl-exit-lbl{letter-spacing:.26em;color:#ffffff9e;text-transform:uppercase;text-align:left;font-family:inherit;font-size:10px;transition:color .15s}.bl-exit-sub{letter-spacing:.18em;color:#ffffff3d;text-transform:uppercase;font-size:9px}.bl-exit-btn:hover .bl-exit-lbl{color:#ffffffe6}.bl-frame.bl-exiting .bl-top{animation:.4s cubic-bezier(.4,0,1,1) forwards bl-slide-up}.bl-frame.bl-exiting .bl-bottom-bar{animation:.4s cubic-bezier(.4,0,1,1) forwards bl-slide-down}.bl-frame.bl-exiting .bl-inner{animation:.2s forwards bl-fadeout}@keyframes bl-slide-up{to{opacity:0;transform:translateY(-110%)}}@keyframes bl-slide-down{to{opacity:0;transform:translateY(110%)}}@keyframes bl-fadeout{to{opacity:0}}@keyframes bl-fadein{0%{opacity:0}to{opacity:1}}@keyframes bl-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bl-flicker{0%,91%,to{opacity:.72}92%{opacity:.25}94%{opacity:.62}96%{opacity:.18}97%{opacity:.72}}@keyframes bl-blocks-pulse{0%,to{opacity:.55}50%{opacity:.2}}.bl-center{opacity:0;justify-content:center;align-items:center;width:180px;height:180px;animation:.5s .6s forwards bl-fadein;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bl-loading-ring{border:1px solid #ffffff1f;border-top-color:#fff9;border-radius:50%;width:60px;height:60px;animation:1s linear infinite bl-spin-loading}@keyframes bl-spin-loading{to{transform:rotate(360deg)}}.bl-start-btn{cursor:pointer;pointer-events:all;background:0 0;border:none;justify-content:center;align-items:center;width:180px;height:180px;padding:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards bl-fadein;display:flex;position:relative}.bl-start-outer{border:1px dashed #fff3;border-radius:50%;animation:16s linear infinite bl-spin;position:absolute;inset:0}@keyframes bl-spin{to{transform:rotate(360deg)}}.bl-start-inner{clip-path:circle(0%);background:0 0;border:1px solid #ffffffbf;border-radius:50%;transition:border-color .25s,background .25s;animation:.7s cubic-bezier(.16,1,.3,1) .1s forwards bl-circle-in;position:absolute;inset:14px}@keyframes bl-circle-in{0%{clip-path:circle(0%)}to{clip-path:circle(51%)}}.bl-start-btn:hover .bl-start-inner{background:#ffffff0d;border-color:#fff6}.bl-start-label{letter-spacing:.38em;color:#fff;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-family:JetBrains Mono,Courier New,monospace;font-size:11px;font-weight:600;transition:opacity .2s;position:relative}.bl-start-btn:hover .bl-start-label{opacity:.5}.page-boot-wait{transform-origin:50%;will-change:transform;transform:scale(1.04)}.page-boot-enter{transform-origin:50%;animation:.72s cubic-bezier(.16,1,.3,1) page-zoom-settle}@keyframes page-zoom-settle{0%{transform:scale(1.04)}to{transform:scale(1)}}