@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap";.app{position:relative}main{position:relative;z-index:1}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.soft-aurora-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline:2px solid #fff;outline-offset:4px}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.text-loop{position:relative;width:100%;overflow:hidden}.text-loop-svg{display:block;width:100%;height:auto}.text-loop-text{-webkit-user-select:none;user-select:none}.text-loop-measure{visibility:hidden;pointer-events:none}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) 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-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),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,#000,#000),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%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.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:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.depth-carousel{position:relative;width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;perspective:var(--dc-perspective, 1400px);perspective-origin:50% 50%;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none;cursor:grab}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px;border-radius:12px}.depth-carousel__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.depth-carousel__card{position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#0b0d12;box-shadow:0 30px 60px -20px #000000a6,0 8px 20px -10px #00000080;will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%)}.depth-carousel__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;cursor:pointer;transition:transform .3s ease}.depth-carousel__card:hover .depth-carousel__img{transform:scale(1.02)}.depth-carousel__tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;mix-blend-mode:multiply}.depth-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3000;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12141a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.depth-carousel__arrow:hover{background:#1c1f28d9;border-color:#fff6}.depth-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:3000;display:flex;gap:8px;padding:8px 12px;border-radius:999px;background:#0e101666;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.depth-carousel__dot{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:#ffffff52;cursor:pointer;transition:width .25s ease,background .25s ease}.depth-carousel__dot.is-active{width:20px;background:#fff}@media(prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective, 1200px);perspective-origin:50% 50%;--dw-tile-w: 200px;--dw-tile-h: 132px;--dw-gap: 18px;--dw-radius: 14px;--dw-lift: 64px;--dw-dim: .55;--dw-gray: 0;--dw-overlay: #060010;--dw-edge: 40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);mask-composite:intersect}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;cursor:pointer;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#0b0b12;opacity:var(--dw-dim);transform:translateZ(0);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(var(--dw-gray)) saturate(.92);transition:filter .42s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drift-wall__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0) saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}@media(prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}.accordion-gallery{--ag-accent: #ffffff;--ag-overlay: #060010;--ag-text: #ffffff;--ag-gap: 10px;--ag-radius: 16px;--ag-media-size: 320px;display:flex;flex-direction:row;gap:var(--ag-gap);width:100%;max-width:100%;perspective:1400px;perspective-origin:50% 50%}.accordion-gallery--vertical{flex-direction:column}.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:var(--ag-radius);cursor:pointer;display:block;text-decoration:none;outline:none;transform-style:preserve-3d;transform-origin:center center;background:#0a0713;box-shadow:0 10px 30px -18px #000c;will-change:flex-grow,transform;-webkit-tap-highlight-color:transparent}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent),0 10px 30px -18px #000c}.ag-panel__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.ag-panel__media{--ag-gray: 1;--ag-dim: .35;position:absolute;top:50%;left:50%;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform,filter}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ag-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--ag-overlay) 78%,transparent) 100%),color-mix(in srgb,var(--ag-overlay) calc(var(--ag-dim, .35) * 100%),transparent)}.ag-panel__label{position:absolute;left:20px;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2}.ag-panel__bar{flex:0 0 auto;width:3px;height:26px;border-radius:3px;background:var(--ag-accent);opacity:0;box-shadow:0 0 12px color-mix(in srgb,var(--ag-accent) 60%,transparent)}.ag-panel__text{color:var(--ag-text);font-family:inherit;font-weight:600;font-size:clamp(1rem,1.4vw,1.4rem);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}@media(max-width:520px){.accordion-gallery{flex-direction:column;perspective:none;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media(prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;width:100%}.card-grid>*:nth-child(1){grid-column:span 2}.card-grid>*:nth-child(2){grid-column:span 2}.card-grid>*:nth-child(3){grid-column:span 1}.card-grid>*:nth-child(4){grid-column:span 3}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-grid>*:nth-child(1),.card-grid>*:nth-child(2){grid-column:span 1}.card-grid>*:nth-child(3),.card-grid>*:nth-child(4){grid-column:span 2}}@media(max-width:640px){.card-grid{grid-template-columns:1fr}.card-grid>*:nth-child(n){grid-column:span 1}}.magic-bento-card{--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 300px;--border-width: 1px;position:relative;border-radius:20px;background:#0f0f1ecc;border:var(--border-width) solid rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;cursor:pointer;transition:border-color .4s ease}.magic-bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(74,124,255,calc(.08 * var(--glow-intensity))),transparent 70%);z-index:0;transition:none}.magic-bento-card:after{content:"";position:absolute;inset:calc(-1 * var(--border-width));border-radius:20px;pointer-events:none;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(74,124,255,calc(.35 * var(--glow-intensity))),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--border-width);z-index:1}.magic-bento-card:hover{border-color:#4a7cff4d}.magic-bento-card__inner{position:relative;z-index:2;padding:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.magic-bento-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;pointer-events:none;z-index:0;border-radius:20px}.magic-bento-card__gradient--blue{background:radial-gradient(ellipse 90% 80% at 75% 15%,rgba(74,124,255,.9) 0%,rgba(100,80,255,.6) 30%,rgba(124,92,255,.3) 55%,transparent 80%)}.magic-bento-card__gradient--purple{background:radial-gradient(ellipse 90% 80% at 25% 85%,rgba(200,90,255,.85) 0%,rgba(160,80,240,.55) 30%,rgba(124,92,255,.3) 55%,transparent 80%)}.magic-bento-card__gradient--cyan{background:linear-gradient(150deg,rgba(0,212,255,.5) 0%,rgba(0,180,240,.7) 25%,rgba(50,140,255,.5) 50%,rgba(74,124,255,.25) 75%,transparent 100%)}.magic-bento-card__gradient--gold{background:conic-gradient(from 200deg at 70% 30%,rgba(255,170,50,.35) 0deg,rgba(255,120,40,.2) 60deg,rgba(255,200,80,.15) 120deg,transparent 180deg)}.magic-bento-card--featured .magic-bento-card__gradient{opacity:.55}.magic-bento-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.magic-bento-card__tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.magic-bento-card__year{font-size:13px;color:#ffffff59;font-variant-numeric:tabular-nums;white-space:nowrap}.magic-bento-card__center{flex:1;display:flex;align-items:flex-end;padding:24px 0 0}.magic-bento-card__title{font-size:22px;font-weight:600;color:#fff;line-height:1.3;letter-spacing:-.01em}.magic-bento-card__bottom{display:flex;flex-direction:column;gap:16px}.magic-bento-card__desc{font-size:14px;line-height:1.6;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.magic-bento-card__tags{display:flex;flex-wrap:wrap;gap:8px}.magic-bento-card__mini-tag{padding:3px 10px;border-radius:6px;font-size:11px;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.particle{width:4px;height:4px;border-radius:50%;background:#4a7cff;box-shadow:0 0 6px #4a7cff99;pointer-events:none;z-index:100}.magic-bento-card__stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.magic-bento-card__star{position:absolute;width:2px;height:2px;border-radius:50%;background:#4a7cff99;animation:starPulse 3s ease-in-out infinite}@keyframes starPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.particle-container{border-radius:20px}.magic-bento-card--tall{min-height:320px}.magic-bento-card--short{min-height:220px}.magic-bento-card--featured .magic-bento-card__title{font-size:28px}.magic-bento-card--featured .magic-bento-card__gradient{width:70%;opacity:.15}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-tertiary: #141425;--bg-card: rgba(20, 20, 40, .6);--bg-card-hover: rgba(30, 30, 55, .8);--text-primary: #e8e8f0;--text-secondary: #9a9ab0;--text-muted: #5a5a78;--accent-blue: #4a7cff;--accent-purple: #7c5cff;--accent-cyan: #00d4ff;--accent-gradient: linear-gradient(135deg, #4a7cff, #7c5cff);--accent-gradient-h: linear-gradient(135deg, #7c5cff, #4a7cff);--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(74, 124, 255, .3);--max-width: 1700px;--section-padding: clamp(80px, 10vw, 160px);--nav-height: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.split-parent{overflow:hidden;display:inline-block;white-space:normal;word-wrap:break-word}.split-line,.split-word{overflow:hidden}.split-char{display:inline-block;will-change:transform,opacity}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4a7cff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a7cff80}::selection{background:#4a7cff4d;color:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(24px,4vw,80px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;letter-spacing:.01em;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;font-family:var(--font-sans)}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 0 20px #4a7cff40,inset 0 1px #ffffff1a}.btn--primary:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 30px #0006}.btn--ghost{border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--text-primary);color:var(--bg-primary);background:var(--text-primary);transform:translateY(-2px)}.btn--contact{width:100%;justify-content:center;padding:16px 32px;margin-top:8px;font-size:15px}.section-header{margin-bottom:60px}.section-header--center{text-align:center}.section-header__label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--accent-blue);text-transform:uppercase;margin-bottom:16px;font-family:var(--font-mono)}.section-header__title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header__subtitle{font-size:clamp(14px,1.5vw,18px);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s ease}.nav--hidden{transform:translateY(-100%)}.nav--scrolled{background:#0a0a0fe6;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--border-subtle)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);max-width:var(--max-width);margin:0 auto;padding:0 clamp(24px,4vw,80px)}.nav__logo{display:flex;align-items:baseline;gap:1px;transition:opacity .2s}.nav__logo:hover{opacity:.75}.nav__logo-mark{font-size:18px;font-weight:800;letter-spacing:.04em;color:var(--text-primary)}.nav__logo-dot{font-size:18px;font-weight:800;color:var(--accent-blue)}.nav__links{display:flex;align-items:center;gap:36px;list-style:none}.nav__link{position:relative;font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--text-secondary);transition:color .3s;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans)}.nav__link:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--accent-gradient);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out-expo)}.nav__link:hover{color:var(--text-primary)}.nav__link:hover:after{transform:scaleX(1)}.nav__cta{padding:9px 22px;font-size:13px;font-weight:500;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:100px;transition:all .3s;cursor:pointer;background:none;font-family:var(--font-sans)}.nav__cta:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.nav__menu-btn{display:none;color:var(--text-primary);padding:8px;background:none;border:none;cursor:pointer}@media(max-width:768px){.nav__links,.nav__cta{display:none}.nav__menu-btn{display:block}}.nav__mobile{position:fixed;top:var(--nav-height);left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;border-bottom:1px solid var(--border-subtle)}.nav__mobile-links{list-style:none;display:flex;flex-direction:column;gap:4px}.nav__mobile-links button{display:block;width:100%;padding:16px;font-size:16px;font-weight:500;color:var(--text-secondary);border:none;background:none;text-align:left;cursor:pointer;font-family:var(--font-sans);transition:all .2s}.nav__mobile-links button:hover{color:var(--bg-primary);background:var(--text-primary);border-radius:var(--radius-sm);padding-left:24px;transform:translate(4px)}.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden;padding-bottom:300px}.hero__aurora{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero__gradient-right{position:absolute;top:-10%;right:-5%;width:700px;height:800px;background:radial-gradient(ellipse at center,rgba(74,124,255,.07) 0%,rgba(124,92,255,.03) 40%,transparent 70%);pointer-events:none;z-index:0}.hero__gradient-bottom{position:absolute;bottom:-30%;left:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,92,255,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.hero__watermark{position:absolute;right:-5%;top:50%;transform:translateY(-50%);font-size:clamp(280px,42vw,600px);font-weight:900;color:#ffffff0a;line-height:1;letter-spacing:-.05em;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.hero__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:100%;max-width:100%;margin:0;padding:0 clamp(24px,4vw,80px);gap:clamp(60px,8vw,140px)}.hero__content{min-width:0;width:100%;max-width:560px;justify-self:start;text-align:left}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:100px;font-size:12px;color:var(--text-secondary);margin-bottom:40px}.hero__badge-dot{width:5px;height:5px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero__title{font-size:clamp(34px,3.8vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px;max-width:100%;white-space:nowrap}.hero__title-line{display:block;color:var(--text-primary)}.hero__title-accent{font-weight:300;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:.1em}.hero__subtitle{font-size:clamp(13px,1.4vw,16px);color:var(--text-secondary);max-width:520px;margin:0 0 40px;line-height:1.7;font-weight:300}.hero__cta-link{display:inline-block}.hero__cta-link a{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:500;color:var(--text-primary);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:100px;text-decoration:none;transition:all .35s ease}.hero__cta-link a svg{transition:transform .35s ease}.hero__cta-link a:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);gap:14px}.hero__cta-link a:hover svg{transform:translate(4px)}.hero__visual{flex:1;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.hero__float-card{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:360px;max-width:100%;z-index:3}.hero__float-glare{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero__float-card-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px 20px;text-decoration:none;min-height:200px;gap:16px;position:relative;z-index:1}.hero__float-textloop{width:100%;pointer-events:none}.hero__float-hint{font-size:12px;font-weight:500;letter-spacing:.1em;color:#ffffff59;text-transform:uppercase;transition:color .3s ease}.hero__float-card-link:hover .hero__float-hint{color:#ffffffb3}.hero__orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(74,124,255,.12) 0%,rgba(124,92,255,.06) 50%,transparent 80%);filter:blur(40px);right:10%;top:45%;animation:orbFloat 8s ease-in-out infinite}.hero__gallery{position:absolute;bottom:0;left:0;width:100%;height:315px;z-index:3}.hero__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.hero__modal-content{position:relative;max-width:90vw;max-height:90vh;border-radius:8px;overflow:hidden;box-shadow:0 25px 80px #0009}.hero__modal-image{display:block;max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px}.hero__modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__modal-close:hover{background:#ffffff40;border-color:#ffffff4d;transform:scale(1.1)}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(-12px,16px)}}@media(max-width:1024px){.hero__layout{grid-template-columns:1fr;padding-top:100px;padding-bottom:60px}.hero__content,.hero__subtitle{max-width:100%}.hero__visual{width:100%;min-height:200px}.hero__float-card{right:5%;width:280px}.hero__watermark{font-size:clamp(200px,30vw,400px);right:-10%}}@media(max-width:768px){.hero{min-height:600px;padding-bottom:200px}.hero__float-card{width:260px;right:5%}.hero__orb{width:200px;height:200px}}.latest{padding:var(--section-padding) 0;position:relative;min-height:100vh;display:flex;align-items:flex-start}.latest__dot-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.latest .container{position:relative;z-index:1}.latest__row1{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:end;margin-bottom:40px}.latest__row1-left{display:flex;flex-direction:column;height:500px;gap:16px}.latest__video-wrap{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000;cursor:pointer;aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center}.latest__video{max-width:100%;max-height:100%;object-fit:contain;display:block}.latest__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .3s ease}.latest__video-wrap:hover .latest__video-overlay{background:#00000040}@media(min-width:1024px){.latest__video-wrap:hover .latest__video-overlay{background:#0000}.latest__play-btn{display:none}}@media(max-width:1023px){.latest__video-overlay{background:#0006}.latest__video-wrap:hover .latest__video-overlay{background:#0000004d}}.latest__play-btn{width:64px;height:64px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease}.latest__video-wrap:hover .latest__play-btn{transform:scale(1.1);background:#ffffff40}.latest__play-btn svg{margin-left:3px}.latest__row1-right{display:flex;flex-direction:column;gap:20px;height:500px}.latest__wall-header{padding:0 8px}.latest__module-title{padding:0 8px;flex-shrink:0}.latest__section-title{font-size:clamp(22px,2.2vw,28px);font-weight:700;color:var(--text-primary);margin-bottom:8px}.latest__section-desc{font-size:clamp(14px,1.4vw,16px);font-weight:400;color:var(--text-muted);line-height:1.6}.latest__section-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.latest__wall-container{position:relative;height:500px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0a0a1466}.latest__row2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.latest__module{min-height:360px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#1414284d;overflow:hidden}.latest__module-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}.latest__module-label{font-size:16px;font-weight:600;color:var(--text-muted);letter-spacing:.05em}.latest__module-hint{font-size:13px;color:#fff3}.latest__module--accordion{background:transparent;border:none;min-height:360px;display:flex;align-items:stretch;padding:0;overflow:visible}.latest__module--accordion .accordion-gallery{width:100%}.latest__module--video{position:relative;border-color:#ffffff14;background:#0a0a1480}.latest__carousel{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.latest__carousel-player{position:relative;width:100%;height:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#000}.latest__carousel-player .latest__video-wrap{border:1px solid rgba(255,255,255,.08);aspect-ratio:16 / 9}.latest__carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12141a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease}.latest__carousel-arrow:hover{background:#1c1f28d9;border-color:#fff6}.latest__carousel-arrow--prev{left:12px}.latest__carousel-arrow--next{right:12px}.latest__carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:#0e101680;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.latest__carousel-dot{width:6px;height:6px;padding:0;border:none;border-radius:999px;background:#ffffff4d;cursor:pointer;transition:width .25s ease,background .25s ease}.latest__carousel-dot.is-active{width:18px;background:#fff}@media(max-width:900px){.latest__row1{grid-template-columns:1fr}.latest__row1-left{height:auto;aspect-ratio:9 / 16;max-height:500px}.latest__wall-container{height:360px}.latest__row2{grid-template-columns:1fr}}.about{padding:var(--section-padding) 0;position:relative}.about__dot-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.about>.container{position:relative;z-index:1}.about__grid{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto;gap:clamp(40px,6vw,100px);align-items:start}@media(max-width:1024px){.about__grid{grid-template-columns:1fr}}.about__avatar-section{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:24px}.about__avatar{position:relative;width:120px;height:120px;margin-bottom:28px}.about__avatar-inner{position:relative;width:100%;height:100%;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.about__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.about__avatar-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:var(--accent-gradient);opacity:.25;filter:blur(20px);z-index:0}.about__profile{display:flex;flex-direction:column;gap:8px}.about__profile-name{font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.about__profile-role{font-size:clamp(15px,1.5vw,18px);font-weight:500;color:var(--accent-blue)}.about__profile-desc{font-size:14px;color:var(--text-muted);line-height:1.7;max-width:400px}.about__info{display:flex;flex-direction:column;gap:16px}.about__name{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.02em}.about__title-sub{font-size:15px;color:var(--accent-blue);font-weight:500}.about__summary{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:520px}.about__contact-list{display:flex;flex-direction:column;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border-subtle)}.about__contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.about__contact-item a{transition:color .2s}.about__contact-item a:hover{color:var(--accent-blue)}.about__contact-item svg{color:var(--text-muted);flex-shrink:0}.about__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}.about__stat-glare{display:flex!important;place-items:stretch!important}.about__stat-glare:before{z-index:2}.about__stat-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:32px 28px;width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-bottom:2px solid var(--stat-color, var(--border-subtle));border-radius:var(--radius-md);transition:all .3s;overflow:hidden}.about__stat-card-inner:before{content:"";position:absolute;top:-30%;right:-30%;width:90%;height:90%;background:radial-gradient(circle at center,var(--stat-color, transparent) 0%,transparent 70%);opacity:.18;pointer-events:none;border-radius:50%;transition:opacity .3s}.about__stat-card-inner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--stat-color) 50%,transparent 100%);opacity:.6;transition:opacity .3s}.about__stat-glare:hover .about__stat-card-inner{background:var(--bg-card-hover);border-color:var(--stat-color)}.about__stat-glare:hover .about__stat-card-inner:before{opacity:.32}.about__stat-glare:hover .about__stat-card-inner:after{opacity:1}.about__stat-value{font-size:38px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about__stat-label{font-size:14px;color:var(--text-muted);letter-spacing:.02em}.about__stat-card:hover:after{opacity:1}.about__stat-icon{color:var(--accent-blue);margin-bottom:4px}.about__timeline{display:flex;flex-direction:column;gap:32px}.about__carousel{grid-column:1;grid-row:2;height:440px;position:relative;z-index:1;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0a0a1499;overflow:hidden;padding:24px}.about__carousel-label{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;opacity:.8}.about__body{grid-column:2;grid-row:1 / 3;align-self:start}@media(max-width:1024px){.about__carousel{grid-column:1;grid-row:auto;height:380px}.about__body{grid-row:auto}}.about__timeline-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.about__timeline-items{display:flex;flex-direction:column;gap:0}.about__timeline-item{display:flex;gap:20px}.about__timeline-marker{display:flex;flex-direction:column;align-items:center;padding-top:6px;flex-shrink:0}.about__timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-primary);position:relative;z-index:1}.about__timeline-dot--current{background:var(--accent-blue);box-shadow:0 0 0 4px #4a7cff33}.about__timeline-line{width:1px;flex-grow:1;min-height:40px;background:var(--border-subtle)}.about__timeline-content{padding-bottom:32px;flex:1}.about__timeline-year{font-size:11px;font-weight:600;color:var(--accent-blue);font-family:var(--font-mono);letter-spacing:.05em;display:block;margin-bottom:4px}.about__timeline-company{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.about__timeline-role{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:8px}.about__timeline-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.about__body-glow{width:100%}.about__body-inner{padding:clamp(40px,8vw,80px);display:flex;flex-direction:column;gap:clamp(48px,6vw,80px)}.projects{padding:var(--section-padding) 0;position:relative;overflow:hidden}.projects__dot-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.projects>.container{position:relative;z-index:1}.projects__bg-glow{position:absolute;top:20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(74,124,255,.04) 0%,transparent 70%);pointer-events:none}.projects__cta{text-align:center;margin-top:48px}.projects__view-all{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all .3s}.projects__view-all:hover{color:var(--bg-primary);border-color:var(--text-primary);background:var(--text-primary);transform:translateY(-2px)}.skills{padding:var(--section-padding) 0;position:relative;overflow:hidden}.skills__dot-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.skills>.container{position:relative;z-index:1}.skills__bg-glow{position:absolute;top:30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(124,92,255,.04) 0%,transparent 70%);pointer-events:none}.skills__capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:64px}.skills__capabilities-glow{width:100%}.skills__capabilities-inner{padding:clamp(40px,8vw,80px);display:flex;flex-direction:column}@media(max-width:900px){.skills__capabilities{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.skills__capabilities{grid-template-columns:1fr}}.skill-card{padding:4px;border-radius:1rem;overflow:visible;background:var(--card-accent, #74ebd5);position:relative;z-index:1;transition:transform .3s ease}.skill-card:before,.skill-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;z-index:-1;transition:opacity .4s ease}.skill-card:before{background:linear-gradient(to bottom right,#f6d365,#fda085);transform:rotate(2deg);opacity:1}.skill-card:after{background:linear-gradient(to top right,#84fab0,#8fd3f4);transform:rotate(-2deg);opacity:1}.skill-card:hover{transform:translateY(-4px)}.skill-card:hover:before,.skill-card:hover:after{opacity:0}.skill-card__info{background:#12122a;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:28px;overflow:visible;border-radius:.7rem;position:relative;z-index:2}.skill-card:hover .skill-card__info,.skill-card:hover .skill-card__title{color:var(--card-accent);transition:color .8s ease}.skill-card:hover .skill-card__icon-wrap{background:#4a7cff33;transition:background .3s}.skill-card__icon-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#4a7cff14;margin-bottom:20px;transition:all .3s}.skill-card__icon{color:var(--card-accent, var(--accent-blue))}.skill-card__title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .8s ease}.skill-card__desc{font-size:13px;color:var(--text-muted);line-height:1.6}.skills__radar-section{display:grid;grid-template-columns:1fr 440px 1fr;grid-template-rows:auto auto;gap:24px 0;align-items:start;justify-items:stretch}.skills__quadrant--top-left{grid-column:1;grid-row:1;text-align:right}.skills__quadrant--top-left .skill-bar__label{justify-content:flex-end}.skills__radar-center{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;gap:8px;overflow:visible}.skills__radar-hint{font-size:11px;color:#ffffff4d;letter-spacing:.06em;transition:color .3s}.skills__radar-center:hover .skills__radar-hint{color:#fff9}.skills__quadrant--top-right{grid-column:3;grid-row:1}.skills__quadrant--bottom-left{grid-column:1;grid-row:2;text-align:right}.skills__quadrant--bottom-left .skill-bar__label{justify-content:flex-end}.skills__quadrant--bottom-right{grid-column:3;grid-row:2}.radar-chart{filter:drop-shadow(0 0 20px rgba(74,124,255,.15))}.radar-chart__polygon--animate{animation:radarPolygonIn 1.2s var(--ease-out-expo) both}@keyframes radarPolygonIn{0%{opacity:0;transform:scale(.3);transform-origin:center;transform-box:fill-box}to{opacity:1;transform:scale(1);transform-origin:center;transform-box:fill-box}}.radar-chart__dot--animate{animation:radarDotIn .5s var(--ease-out-expo) both}@keyframes radarDotIn{0%{opacity:0;r:0}to{opacity:1;r:4}}@media(max-width:900px){.skills__radar-section{grid-template-columns:1fr;grid-template-rows:auto;gap:32px}.skills__quadrant--top-left,.skills__quadrant--top-right,.skills__quadrant--bottom-left,.skills__quadrant--bottom-right{grid-column:1;text-align:left}.skills__quadrant--top-left,.skills__quadrant--top-right,.skills__quadrant--bottom-left,.skills__quadrant--bottom-right{grid-row:auto}.skills__radar-center{grid-column:1;grid-row:auto}.skills__quadrant .skill-bar__track{direction:ltr}.skills__quadrant .skill-bar__label{justify-content:flex-start}.skill-bar__fill{margin-left:0!important}}.skill-category{display:flex;flex-direction:column;gap:16px}.skill-category__header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.skill-category__icon{flex-shrink:0}.skill-category__name{font-size:15px;font-weight:600}.skill-category__items{display:flex;flex-direction:column;gap:12px}.skill-bar{display:flex;flex-direction:column;gap:6px}.skill-bar__label{display:flex;font-size:13px;color:var(--text-secondary)}.skill-bar__track{height:5px;width:100%;background:#ffffff0d;border-radius:3px;overflow:hidden}.skill-bar__fill{height:100%;border-radius:2px;transition:width 1.2s var(--ease-out-expo),box-shadow .8s ease .6s}.skill-bar__more{font-size:11px;color:#ffffff40;padding-top:2px;letter-spacing:.04em}.skill-bar--collapsed .skill-bar__track{height:3px}.skill-bar--collapsed .skill-bar__label span{font-size:12px;color:var(--text-muted)}.contact{position:relative;padding:0}.contact__dot-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.contact__inner{z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%)}.contact__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(74,124,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,124,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.contact__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:60px;padding:100px 0 60px}.contact__eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--accent-blue);font-family:var(--font-mono);margin-bottom:20px}.contact__title{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.contact__title-line{display:block;color:var(--text-primary)}.contact__title-accent{display:block;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact__subtitle{font-size:16px;color:var(--text-secondary);max-width:500px;line-height:1.7;font-weight:300}.contact__methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.contact__methods{grid-template-columns:1fr}}.contact__method-card{display:flex;flex-direction:column;gap:8px;padding:28px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s;position:relative}.contact__method-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-2px)}.contact__method-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#4a7cff14;color:var(--accent-blue);margin-bottom:4px}.contact__method-label{font-size:12px;color:var(--text-muted);letter-spacing:.05em}.contact__method-value{font-size:15px;color:var(--text-primary);font-weight:500}.contact__method-arrow{position:absolute;top:16px;right:16px;color:var(--text-muted);transition:all .3s}.contact__method-card:hover .contact__method-arrow{color:var(--accent-blue);transform:translate(2px,-2px)}.contact__form{display:flex;flex-direction:column;gap:12px;max-width:600px}.contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.contact__form-row{grid-template-columns:1fr}}.contact__input,.contact__textarea{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:all .3s}.contact__input:focus,.contact__textarea:focus{border-color:var(--accent-blue);background:#4a7cff0a}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--text-muted)}.contact__textarea{resize:vertical;min-height:100px}.contact__input--wide{width:100%}.contact__footer{display:flex;align-items:center;justify-content:space-between;padding-top:40px;border-top:1px solid var(--border-subtle)}.contact__copyright{font-size:12px;color:var(--text-muted)}.contact__build-info{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}