:root{--bg:#07060d;--bg-2:#0d0b17;--bg-3:#141022;--surface:hsla(0,0%,100%,.035);--surface-2:#ffffff0f;--border:#ffffff17;--border-strong:#c770f073;--text:#f3f0fa;--text-2:#b9b3c9;--text-3:#7d7691;--purple:#c770f0;--violet:#8b5cf6;--pink:#f472b6;--cyan:#67e8f9;--lime:#bef264;--grad:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);--grad-soft:linear-gradient(120deg,#c770f040,#8b5cf62e,#f472b633);--font-display:"Syne","Manrope",system-ui,sans-serif;--font-body:"Manrope",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--radius:20px;--radius-sm:12px;--container:1180px;--nav-h:76px;--ease:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07060d;background:var(--bg);color:#f3f0fa;color:var(--text);font-family:Manrope,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:#c770f059;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#07060d;background:var(--bg)}::-webkit-scrollbar-thumb{background:#c770f099;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c770f0;background:var(--purple)}.grad-text{background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:#0000}.purple{color:#c770f0;color:var(--purple)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono)}.container{margin:0 auto;max-width:1180px;max-width:var(--container);padding:0 24px;width:100%}.section{padding:110px 0;position:relative}.section-tight{padding:70px 0}.eyebrow{align-items:center;color:#c770f0;color:var(--purple);display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:12px;gap:10px;letter-spacing:.18em;margin-bottom:18px;text-transform:uppercase}.eyebrow:before{background:#c770f0;background:var(--purple);content:"";height:1px;opacity:.8;width:28px}.h-section{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 18px}.lead{color:#b9b3c9;color:var(--text-2);font-size:clamp(16px,1.4vw,18px);margin:0;max-width:640px}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,#0000 0);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 0,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000 20%,#0000 70%)}.bg-grid,.bg-orbs{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-orbs{overflow:hidden}.orb{animation:orb-float 18s ease-in-out infinite alternate;border-radius:50%;filter:blur(90px);opacity:.45;position:absolute}.orb-1{background:#6d28d9;height:560px;left:-140px;top:-180px;width:560px}.orb-2{animation-delay:-6s;background:#c770f0;height:460px;right:-160px;top:20%;width:460px}.orb-3{animation-delay:-12s;background:#db2777;bottom:-200px;height:420px;left:35%;opacity:.3;width:420px}@keyframes orb-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(60px,40px,0) scale(1.12)}}.noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;opacity:.055;pointer-events:none;position:fixed;z-index:0}.App{overflow-x:clip;position:relative;z-index:1}body,html{overflow-x:hidden}.cursor-dot,.cursor-ring{border-radius:50%;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);z-index:10000}.cursor-dot{background:#fff;height:8px;width:8px}.cursor-ring{border:1.5px solid #ffffffb3;height:36px;transition:width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1),opacity .25s;transition:width .25s var(--ease),height .25s var(--ease),opacity .25s;width:36px}.cursor-ring.is-hover{height:64px;opacity:.9;width:64px}@media (hover:none),(max-width:900px){.cursor-dot,.cursor-ring{display:none}}#preloader{align-items:center;background:#07060d;background:var(--bg);display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .6s cubic-bezier(.22,1,.36,1),visibility .6s;transition:opacity .6s var(--ease),visibility .6s;z-index:99999}#preloader-none{opacity:0;pointer-events:none;visibility:hidden}#preloader-none>*{display:none}.pre-logo{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:42px;font-weight:800;letter-spacing:-.03em;position:relative}.pre-logo:after{animation:pre-bar 1.1s cubic-bezier(.22,1,.36,1) forwards;animation:pre-bar 1.1s var(--ease) forwards;background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);bottom:-10px;content:"";height:2px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes pre-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#no-scroll{height:100vh;overflow:hidden}.nav{align-items:center;border-bottom:1px solid #0000;display:flex;height:76px;height:var(--nav-h);left:0;position:fixed;right:0;top:0;transition:background .35s,border-color .35s,height .35s,-webkit-backdrop-filter .35s;transition:background .35s,backdrop-filter .35s,border-color .35s,height .35s;transition:background .35s,backdrop-filter .35s,border-color .35s,height .35s,-webkit-backdrop-filter .35s;z-index:1000}.nav.is-scrolled{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:#07060da6;border-bottom-color:#ffffff17;border-bottom-color:var(--border);height:64px}.nav-inner{justify-content:space-between}.brand,.nav-inner{align-items:center;display:flex}.brand{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:800;gap:10px;letter-spacing:-.02em}.brand-dot{background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);border-radius:50%;box-shadow:0 0 18px #c770f0e6;height:10px;width:10px}.nav-links{align-items:center;display:flex;gap:6px;list-style:none;margin:0;padding:0}.nav-link{border-radius:999px;color:#b9b3c9;color:var(--text-2);font-size:14px;font-weight:600;padding:9px 14px;position:relative;transition:color .2s,background .2s}.nav-link:hover{background:#ffffff0f;background:var(--surface-2)}.nav-link.active,.nav-link:hover{color:#f3f0fa;color:var(--text)}.nav-link.active:after{background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);border-radius:2px;bottom:4px;content:"";height:2px;left:14px;position:absolute;right:14px}.nav-cta{background:#f3f0fa;background:var(--text);border-radius:999px;color:#07060d;color:var(--bg);font-size:14px;font-weight:700;margin-left:10px;padding:10px 18px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;transition:transform .2s var(--ease),box-shadow .2s}.nav-cta:hover{box-shadow:0 10px 30px #c770f059;transform:translateY(-2px)}.nav-toggle{align-items:center;background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:12px;color:#f3f0fa;color:var(--text);cursor:pointer;display:none;font-size:20px;height:44px;justify-content:center;width:44px}.nav-mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0b17eb;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;left:12px;padding:12px;position:fixed;right:12px;top:64px;z-index:999}.nav-mobile .nav-link{font-size:16px;padding:14px 16px}.nav-mobile .nav-cta{margin:6px 0 0;text-align:center}@media (max-width:860px){.nav-links{display:none}.nav-toggle{display:inline-flex}}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;overflow:hidden;padding:14px 24px;position:relative;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .25s,border-color .25s;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s;will-change:transform}.btn-primary{background:#f3f0fa;background:var(--text);color:#07060d;color:var(--bg)}.btn-primary:hover{box-shadow:0 16px 40px #c770f066;transform:translateY(-3px)}.btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.035);background:var(--surface);border-color:#ffffff17;border-color:var(--border);color:#f3f0fa;color:var(--text)}.btn-ghost:hover{background:#ffffff0f;background:var(--surface-2);border-color:#c770f073;border-color:var(--border-strong);transform:translateY(-3px)}.btn-grad{background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);color:#fff}.btn-grad:hover{box-shadow:0 16px 40px #8b5cf673;transform:translateY(-3px)}.btn .arrow{transition:transform .25s cubic-bezier(.22,1,.36,1);transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translateX(4px)}.hero{display:flex;min-height:100vh;min-height:100svh;padding:116px 0 60px;padding:calc(var(--nav-h) + 40px) 0 60px;position:relative}.hero,.hero-grid{align-items:center}.hero-grid{grid-gap:56px;display:grid;gap:56px;grid-template-columns:1.15fr .85fr}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:999px;color:#b9b3c9;color:var(--text-2);display:inline-flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:28px;padding:8px 14px 8px 10px}.pulse{animation:pulse 2s infinite;background:#bef264;background:var(--lime);border-radius:50%;box-shadow:0 0 0 0 #bef26499;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #bef26499}70%{box-shadow:0 0 0 10px #bef26400}to{box-shadow:0 0 0 0 #bef26400}}.hero-title{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(48px,8.2vw,104px);font-weight:800;letter-spacing:-.035em;line-height:.95;margin:0 0 22px}.hero-title .line{display:block;overflow:hidden}.hero-title .line>span{display:inline-block}.hero-title .outline{-webkit-text-stroke:1.5px #f3f0fabf;color:#0000}.hero-type{align-items:center;color:#b9b3c9;color:var(--text-2);display:flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:clamp(15px,1.6vw,19px);gap:10px;margin-bottom:26px;min-height:32px}.hero-type .Typewriter__cursor,.hero-type .prompt{color:#c770f0;color:var(--purple)}.hero-sub{color:#b9b3c9;color:var(--text-2);font-size:clamp(16px,1.4vw,18px);margin:0 0 36px;max-width:560px}.hero-sub strong{color:#f3f0fa;color:var(--text);font-weight:700}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:36px}.hero-actions,.hero-socials{align-items:center;display:flex}.hero-socials{gap:10px}.social-btn{align-items:center;background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:14px;color:#b9b3c9;color:var(--text-2);display:inline-flex;font-size:20px;height:46px;justify-content:center;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease);width:46px}.social-btn:hover{border-color:#c770f073;border-color:var(--border-strong);box-shadow:0 10px 25px #c770f040;color:#fff;transform:translateY(-3px)}.hero-socials .label{color:#7d7691;color:var(--text-3);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;margin-right:6px}.hero-visual{display:flex;justify-content:center;perspective:1200px;position:relative}.portrait{aspect-ratio:4/5;border-radius:28px;box-shadow:0 40px 100px #0009,inset 0 0 0 1px #ffffff14;overflow:hidden;position:relative;transform-style:preserve-3d;width:min(100%,420px)}.portrait img{height:100%;object-fit:cover;transform:scale(1.02);width:100%}.portrait:before{background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);border-radius:30px;content:"";filter:blur(22px);inset:-2px;opacity:.55;position:absolute;z-index:-1}.portrait:after{background:linear-gradient(180deg,#0000 55%,#07060dbf);content:"";inset:0;position:absolute}.portrait-ring{animation:spin 40s linear infinite;border:1px dashed #c770f059;border-radius:40px;inset:-14px;pointer-events:none;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.float-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0b17d1;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #00000073;display:flex;gap:12px;padding:12px 16px;position:absolute;white-space:nowrap;z-index:3}.float-card .ic{background:linear-gradient(120deg,#c770f040,#8b5cf62e,#f472b633);background:var(--grad-soft);border-radius:10px;color:#c770f0;color:var(--purple);display:grid;font-size:18px;height:36px;place-items:center;width:36px}.float-card .t{font-size:13px;font-weight:700;line-height:1.2}.float-card .s{color:#7d7691;color:var(--text-3);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:11.5px}.fc-1{animation:bob 6s ease-in-out infinite;left:-14%;top:5%}.fc-2{animation:bob 7s ease-in-out infinite reverse;bottom:12%;right:-12%}.fc-3{animation:bob 8s ease-in-out infinite;bottom:-6%;left:6%}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-hint{align-items:center;bottom:26px;color:#7d7691;color:var(--text-3);display:flex;flex-direction:column;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:11px;gap:8px;left:50%;letter-spacing:.2em;position:absolute;transform:translateX(-50%)}.scroll-hint span{animation:drop 1.8s ease-in-out infinite;background:linear-gradient(#c770f0,#0000);background:linear-gradient(var(--purple),#0000);height:46px;width:1px}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (max-width:960px){.hero-grid{gap:44px;grid-template-columns:1fr}.hero-visual{order:-1}.portrait{width:min(78%,340px)}.fc-1{left:0;top:-4%}.fc-2{bottom:-4%;right:0}.fc-3,.scroll-hint{display:none}.hero{padding-top:96px;padding-top:calc(var(--nav-h) + 20px)}}@media (max-width:520px){.float-card{padding:10px 12px}.float-card .ic{font-size:15px;height:30px;width:30px}.fc-2{bottom:-6%}}.marquee{background:hsla(0,0%,100%,.015);border-bottom:1px solid #ffffff17;border-bottom:1px solid var(--border);border-top:1px solid #ffffff17;border-top:1px solid var(--border);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding:20px 0;position:relative}.marquee-track{animation:marquee 40s linear infinite;display:flex;gap:48px;width:max-content}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{align-items:center;color:#b9b3c9;color:var(--text-2);display:inline-flex;font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:700;gap:14px;white-space:nowrap}.marquee-item i{background:#c770f0;background:var(--purple);border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes marquee{to{transform:translateX(-50%)}}.bento{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}.card{background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);overflow:hidden;padding:28px;position:relative;transition:border-color .3s,transform .3s cubic-bezier(.22,1,.36,1),background .3s;transition:border-color .3s,transform .3s var(--ease),background .3s}.card:hover{background:#ffffff0f;background:var(--surface-2);border-color:#c770f073;border-color:var(--border-strong)}.card-glow:before{background:radial-gradient(circle,#c770f047,#0000 65%);border-radius:50%;content:"";height:260px;pointer-events:none;position:absolute;right:-100px;top:-120px;width:260px}.card h3{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.card p{color:#b9b3c9;color:var(--text-2);font-size:15px;margin:0}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-3{grid-column:span 3}.span-12{grid-column:span 12}.intro-text{color:#b9b3c9;color:var(--text-2);font-size:17px}.intro-text b{color:#f3f0fa;color:var(--text);font-weight:700}.intro-text .hl{color:#c770f0;color:var(--purple);font-weight:700}.stat{display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.stat-value{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:54px;font-weight:800;letter-spacing:-.04em;line-height:1}.stat-value small{color:#c770f0;color:var(--purple);font-size:22px;margin-left:4px}.stat-label{color:#7d7691;color:var(--text-3);font-size:13.5px;margin-top:10px}.about-photo{min-height:320px;padding:0}.about-photo img{filter:saturate(.95);height:100%;object-fit:cover;object-position:center 20%;transition:transform .8s cubic-bezier(.22,1,.36,1);transition:transform .8s var(--ease);width:100%}.about-photo:hover img{transform:scale(1.04)}.about-photo .caption{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07060db8;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:14px;bottom:18px;display:flex;font-size:13px;justify-content:space-between;left:18px;padding:12px 14px;position:absolute;right:18px}.about-photo .caption .mono{color:#7d7691;color:var(--text-3);font-size:11px}.trait-icon{background:linear-gradient(120deg,#c770f040,#8b5cf62e,#f472b633);background:var(--grad-soft);border-radius:12px;color:#c770f0;color:var(--purple);display:grid;font-size:20px;height:44px;margin-bottom:16px;place-items:center;width:44px}@media (max-width:960px){.span-3,.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.bento .stat{grid-column:span 6}}@media (max-width:520px){.bento .stat{grid-column:span 12}.card{padding:22px}}.timeline{margin-top:50px;position:relative}.timeline:before{background:linear-gradient(#c770f0,#c770f014);background:linear-gradient(var(--purple),#c770f014);bottom:0;content:"";left:24px;position:absolute;top:0;width:2px}.tl-item{margin-bottom:34px;padding-left:76px;position:relative}.tl-dot{background:#141022;background:var(--bg-3);border:2px solid #c770f0;border:2px solid var(--purple);border-radius:50%;box-shadow:0 0 0 6px #c770f01f;color:#fff;display:grid;font-size:13px;height:30px;left:10px;place-items:center;position:absolute;top:24px;width:30px}.tl-item.current .tl-dot{background:linear-gradient(120deg,#c770f0,#8b5cf6 45%,#f472b6);background:var(--grad);border-color:#0000;box-shadow:0 0 0 8px #c770f02e,0 0 30px #c770f080}.tl-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;margin-bottom:8px}.tl-org{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em}.tl-role{color:#c770f0;color:var(--purple);font-size:15px;font-weight:600;margin-bottom:6px}.tl-date{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em}.tl-date,.tl-loc{color:#7d7691;color:var(--text-3)}.tl-loc{font-size:13px;margin-bottom:14px}.tl-points{color:#b9b3c9;color:var(--text-2);font-size:15px;margin:0 0 16px;padding-left:18px}.tl-points li{margin-bottom:6px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#c770f01a;border:1px solid #c770f040;border-radius:999px;color:#e4cdf5;font-size:11.5px;padding:5px 10px}.badge-now,.chip{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono)}.badge-now{background:#bef2641f;border:1px solid #bef2644d;border-radius:999px;color:#bef264;color:var(--lime);font-size:11px;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase}@media (max-width:600px){.timeline:before{left:14px}.tl-item{padding-left:52px}.tl-dot{height:28px;left:0;width:28px}}.skills-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skill{align-items:center;background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:18px;cursor:default;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:26px 14px;position:relative;text-align:center;transition:all .3s cubic-bezier(.22,1,.36,1);transition:all .3s var(--ease)}.skill svg{font-size:38px;transition:color .3s,transform .3s cubic-bezier(.22,1,.36,1);transition:color .3s,transform .3s var(--ease)}.skill span,.skill svg{color:#b9b3c9;color:var(--text-2)}.skill span{font-size:13px;font-weight:600}.skill:hover{background:#ffffff0f;background:var(--surface-2);border-color:#c770f073;border-color:var(--border-strong);box-shadow:0 20px 40px #00000059;transform:translateY(-6px)}.skill:hover svg{color:#c770f0;color:var(--purple);transform:scale(1.12)}.skill .tip{background:#0d0b17f5;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:12px;bottom:calc(100% + 10px);color:#b9b3c9;color:var(--text-2);font-size:12px;left:50%;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(6px);transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1);transition:opacity .25s,transform .25s var(--ease);width:200px;z-index:5}.skill:hover .tip{opacity:1;transform:translateX(-50%) translateY(0)}.research-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.research-list li{align-items:center;background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:14px;display:flex;font-size:15px;font-weight:600;gap:12px;padding:14px 16px;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.research-list li:hover{border-color:#c770f073;border-color:var(--border-strong);transform:translateX(6px)}.research-list li:before{color:#c770f0;color:var(--purple);content:"→";font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(12,1fr)}.project{background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;grid-column:span 6;min-height:420px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .4s;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s}.project.featured:first-child{flex-direction:row;grid-column:span 12;min-height:380px}.project:hover{border-color:#c770f073;border-color:var(--border-strong);box-shadow:0 30px 70px #00000080,0 0 60px #c770f01f;transform:translateY(-6px)}.project-media{background:radial-gradient(ellipse at 30% 20%,#c770f040,#0000 60%),radial-gradient(ellipse at 80% 80%,#8b5cf633,#0000 60%),#141022;background:radial-gradient(ellipse at 30% 20%,#c770f040,#0000 60%),radial-gradient(ellipse at 80% 80%,#8b5cf633,#0000 60%),var(--bg-3);display:grid;flex:0 0 auto;height:200px;overflow:hidden;padding:28px;place-items:center;position:relative}.project.featured:first-child .project-media{flex:0 0 42%;height:auto}.project-media img{border-radius:12px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));max-height:150px;max-width:80%;object-fit:contain;transition:transform .6s cubic-bezier(.22,1,.36,1);transition:transform .6s var(--ease);width:auto}.project:hover .project-media img{transform:scale(1.06) rotate(-1deg)}.project-media .kind{background:#07060db3;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:999px;color:#b9b3c9;color:var(--text-2);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:11px;left:14px;letter-spacing:.08em;padding:6px 10px;position:absolute;top:14px}.project-body{display:flex;flex:1 1;flex-direction:column;padding:26px}.project-title{align-items:center;display:flex;font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:24px;font-weight:700;gap:12px;justify-content:space-between;letter-spacing:-.01em;margin:0 0 4px}.project-title .ext{color:#7d7691;color:var(--text-3);font-size:18px;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.project:hover .project-title .ext{color:#c770f0;color:var(--purple);transform:translate(3px,-3px)}.project-sub{color:#c770f0;color:var(--purple);font-size:14px;font-weight:600;margin-bottom:12px}.project-desc{color:#b9b3c9;color:var(--text-2);flex:1 1;font-size:15px;margin:0 0 18px}.project-foot{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.project-period{color:#7d7691;color:var(--text-3);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:12px}@media (max-width:900px){.project,.project.featured:first-child{flex-direction:column;grid-column:span 12}.project.featured:first-child .project-media{flex:0 0 auto;height:220px}}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 36px}.filter-btn{background:hsla(0,0%,100%,.035);background:var(--surface);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:999px;color:#b9b3c9;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 16px;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.filter-btn:hover{border-color:#c770f073;border-color:var(--border-strong);color:#f3f0fa;color:var(--text)}.filter-btn.active{background:#f3f0fa;background:var(--text);border-color:#0000;color:#07060d;color:var(--bg)}.contact-wrap{background:#141022;background:var(--bg-3);border:1px solid #ffffff17;border:1px solid var(--border);border-radius:32px;overflow:hidden;padding:clamp(36px,6vw,72px);position:relative}.contact-wrap:before{background:radial-gradient(ellipse at 20% 0,#c770f059,#0000 50%),radial-gradient(ellipse at 90% 100%,#f472b640,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.contact-grid{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1.1fr .9fr;position:relative}.contact-title{font-family:Syne,Manrope,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(36px,5.6vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0 0 16px}.contact-list{grid-gap:12px;display:grid;gap:12px}.contact-row{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07060d8c;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:18px;display:flex;gap:16px;padding:16px 18px;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.contact-row:hover{border-color:#c770f073;border-color:var(--border-strong);transform:translateX(6px)}.contact-row .ic{background:linear-gradient(120deg,#c770f040,#8b5cf62e,#f472b633);background:var(--grad-soft);border-radius:12px;color:#c770f0;color:var(--purple);display:grid;flex:0 0 auto;font-size:20px;height:44px;place-items:center;width:44px}.contact-row .k{color:#7d7691;color:var(--text-3);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.contact-row .v{font-size:15px;font-weight:700;overflow-wrap:anywhere}.copy-hint{color:#7d7691;color:var(--text-3);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:11px;margin-left:auto;white-space:nowrap}@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}.footer{border-top:1px solid #ffffff17;border-top:1px solid var(--border);padding:40px 0 34px}.footer-inner{align-items:center;color:#7d7691;color:var(--text-3);display:flex;flex-wrap:wrap;font-size:13.5px;gap:16px;justify-content:space-between}.footer-inner .brand{color:#f3f0fa;color:var(--text);font-size:17px}.footer-links{display:flex;gap:10px}.page{min-height:100vh;padding-top:126px;padding-top:calc(var(--nav-h) + 50px)}.page-head{margin-bottom:44px}.reveal{will-change:transform,opacity}.to-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0b17d9;border:1px solid #ffffff17;border:1px solid var(--border);border-radius:14px;bottom:22px;color:#f3f0fa;color:var(--text);cursor:pointer;display:grid;font-size:18px;height:46px;place-items:center;position:fixed;right:22px;transition:all .3s cubic-bezier(.22,1,.36,1);transition:all .3s var(--ease);width:46px;z-index:900}.to-top:hover{border-color:#c770f073;border-color:var(--border-strong);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}
/*# sourceMappingURL=main.ffcf5acd.css.map*/