:root{--bg-deep:#071828;--bg-card:#0a1826d6;--border-subtle:#6ea5c31f;--border-medium:#6ea5c333;--text-primary:#d2e0ee;--text-secondary:#7494ac;--text-muted:#446274;--accent-cyan:#3e9ab8;--accent-teal:#48a898;--accent-purple:#5e5ea8;--accent-orange:#b07050;--gradient-1:linear-gradient(135deg, #3e9ab8, #5e5ea8);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--max-width:1700px;--radius:14px;--transition:.4s cubic-bezier(.2, 0, .2, 1)}.section+.section:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#78aac826,#0000);width:60%;max-width:800px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-deep);scroll-padding-top:80px}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;background:0 0;line-height:1.8;overflow-x:hidden}main{z-index:2;position:relative}body:after{content:"";opacity:.028;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 64px}.section{z-index:1;padding:100px 0;position:relative}.section-tag{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:10px;margin-bottom:16px;font-size:.66rem;font-weight:500;display:inline-flex}.section-title{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:12px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--text-muted);max-width:520px;font-size:1rem;line-height:1.7}.btn{cursor:pointer;transition:var(--transition);font-size:.88rem;font-weight:500;font-family:var(--font-sans);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-1);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{color:#fff;background:#ffffff08;border-color:#fff3}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}@keyframes ripple{0%{opacity:.6;width:0;height:0}to{opacity:0;width:120px;height:120px}}.bg-orb-1,.bg-orb-2{pointer-events:none;z-index:0;border-radius:50%;transition:transform 1s ease-out;position:fixed}.bg-orb-1{background:radial-gradient(#8cbedc08 0%,#0000 65%);width:900px;height:900px;top:-25%;right:-15%}.bg-orb-2{background:radial-gradient(#96c8e606 0%,#0000 65%);width:800px;height:800px;bottom:-20%;left:-10%}@media (pointer:fine){html,a,button,[data-cursor]{cursor:none}}.reveal-deep{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal-deep.visible{opacity:1;transform:translateY(0)}.reveal-deep.d2{transition-delay:.12s}.reveal-deep.d3{transition-delay:.24s}.reveal-deep.d4{transition-delay:.36s}.reveal-deep.d5{transition-delay:.48s}.reveal-deep.d6{transition-delay:.6s}.skill-card-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(50px)}.skill-card-reveal.visible{opacity:1;transform:translateY(0)}.proj-card-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(50px)}.proj-card-reveal.visible{opacity:1;transform:translateY(0)}@media (width<=1200px){.container{padding:0 40px}.section{padding:80px 0}}@media (width<=768px){.container{padding:0 24px}.section{padding:60px 0}.section-title{font-size:1.6rem}}.card-nav-wrap{z-index:1000;width:90%;max-width:680px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.card-nav{will-change:height;border:1px solid #ffffff14;border-radius:14px;height:56px;padding:0;position:relative;overflow:hidden}.card-nav-top{z-index:2;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.card-nav-logo{cursor:pointer;font-size:1.2rem;font-weight:800}.card-hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:6px;display:flex}.card-hamburger:hover{opacity:.7}.ham-line{transform-origin:50%;background:currentColor;width:26px;height:2px;transition:transform .3s}.card-hamburger.open .ham-line:first-child{transform:translateY(3.5px)rotate(45deg)}.card-hamburger.open .ham-line:last-child{transform:translateY(-3.5px)rotate(-45deg)}.card-nav-content{visibility:hidden;pointer-events:none;z-index:1;gap:10px;padding:10px 12px 12px;display:flex;position:absolute;inset:56px 0 0}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;flex:1;gap:10px;min-width:0;height:100%;padding:16px 20px;display:flex}.nav-card-label{letter-spacing:-.3px;font-size:20px;font-weight:600}.nav-card-links{flex-direction:column;gap:4px;margin-top:auto;display:flex}.nav-card-link{cursor:pointer;color:inherit;opacity:.7;align-items:center;gap:8px;font-size:15px;text-decoration:none;transition:opacity .2s;display:inline-flex}.nav-card-link:hover{opacity:1}.nav-card-arrow{opacity:.6;font-size:12px}@media (width<=768px){.card-nav-wrap{width:94%;top:8px}.card-nav-content{flex-direction:column}.nav-card{min-height:70px}.nav-card-label{font-size:17px}}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-glow-color:#3e9ab880;--behind-glow-size:25%;--inner-gradient:none;--sunpillar-1:#47b4eb;--sunpillar-2:#3c8cdd;--sunpillar-3:#47d1d1;--sunpillar-4:#638fe9;--sunpillar-5:#4eb7da;--sunpillar-6:#5c5cd6;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:24px}.pc-card-wrapper{perspective:500px;touch-action:none;width:100%;max-width:300px;margin:0 auto;position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(40px)saturate(1.1);opacity:calc(.7 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{aspect-ratio:.75;border-radius:var(--card-radius);box-shadow:#0009 calc((var(--pointer-from-left)*6px)-2px) calc((var(--pointer-from-top)*12px)-4px) 16px -3px;backface-visibility:hidden;background:#000000d9;transition:transform 1s;position:relative;overflow:hidden;transform:translateZ(0)}.pc-card:hover,.pc-card.active{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{z-index:1;position:relative}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-image:var(--inner-gradient);background-color:#000000d9;position:absolute;inset:0;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-size:150%;mask-size:150%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;-webkit-mask-position:top calc(200% - (var(--background-y)*5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y)*5)) left calc(100% - var(--background-x));filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.5);mix-blend-mode:color-dodge;z-index:3;background:0 0;background-image:repeating-linear-gradient(0deg, var(--sunpillar-clr-1) 5%, var(--sunpillar-clr-2) 10%, var(--sunpillar-clr-3) 15%, var(--sunpillar-clr-4) 20%, var(--sunpillar-clr-5) 25%, var(--sunpillar-clr-6) 30%, var(--sunpillar-clr-1) 35%), repeating-linear-gradient(-45deg, #0e152e 0%, #8f9ca3 3.8%, #8fb1c1 4.5%, #8f9ca3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-size:500% 500%,300% 300%,200% 200%;transition:filter .8s;animation:18s linear infinite holo-bg}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85)contrast(1.5)saturate(.5);animation-play-state:paused}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #9fb9c6 12%, #2e576bcc 90%);mix-blend-mode:overlay;filter:brightness(.8)contrast(1.2);z-index:4;overflow:hidden;transform:translateZ(1.1px)}.pc-avatar-content{mix-blend-mode:normal;backface-visibility:hidden;border-radius:var(--card-radius);overflow:hidden;transform:translateZ(2px)}.pc-avatar-content .avatar{object-fit:cover;object-position:center top;backface-visibility:hidden;width:100%;height:100%;transition:transform .12s ease-out;position:absolute;top:0;left:0}.pc-user-info{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#050f19d9;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.pc-user-details{align-items:center;gap:10px;display:flex}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pc-user-text{flex-direction:column;gap:2px;display:flex}.pc-handle{color:#ffffffd9;font-size:13px;font-weight:500;line-height:1}.pc-status{color:#48a898;font-size:11px;line-height:1}.pc-contact-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#3e9ab833;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.pc-contact-btn:hover{background:#3e9ab859;border-color:#3e9ab866}.pc-content:not(.pc-avatar-content){text-align:center;z-index:5;transform:translate3d(calc(var(--pointer-from-left)*-4px2px), calc(var(--pointer-from-top)*-4px2px), .1px);mix-blend-mode:normal;position:relative}.pc-details{flex-direction:column;width:100%;display:flex;position:absolute;top:2em}.pc-details h3{-webkit-text-fill-color:transparent;background-image:linear-gradient(#f0e6d8 0%,#d4b896 40%,#a0c8d8 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2em;font-weight:700}.pc-details p{-webkit-text-fill-color:transparent;background-image:linear-gradient(#d8dce0 0%,#88a8b8 100%);-webkit-background-clip:text;background-clip:text;margin:0 auto;font-size:14px;font-weight:500;top:-8px}@keyframes holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (width<=768px){.pc-card-wrapper{max-width:260px}.pc-details h3{font-size:1.5em}.pc-details p{font-size:12px}}.scroll-stack-scroller{width:100%;position:relative}.scroll-stack-inner{padding:10vh 0 60vh}.scroll-stack-card{transform-origin:top;will-change:transform, filter;backface-visibility:hidden;width:100%;margin:0;position:relative;transform:translateZ(0)}.scroll-stack-end{width:100%;height:1px}.shiny-text{display:inline-block}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:16px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff1f;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover):after,.border-glow-card:not(:hover)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.magic-rings-container{width:100%;height:100%}.particles-container{width:100%;height:100%;position:relative}