@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050505;--bg2: #080808;--bg3: #0d0d0d;--card: #0b0b0b;--card2: #111111;--border: rgba(255,255,255,.055);--border2: rgba(255,255,255,.1);--border3: rgba(255,255,255,.17);--text: #ededed;--text2: #585858;--text3: #2a2a2a;--accent: #7c6bff;--accent2: #a096ff;--accent3: #c4b8ff;--green: #22c55e;--ff: "DM Sans", sans-serif;--fd: "Bricolage Grotesque", sans-serif;--fm: "Space Mono", monospace;--ease: cubic-bezier(.16,1,.3,1)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--ff);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}@media (pointer: fine){*{cursor:none!important}.cur-inv{display:block}}@media (pointer: coarse){.cur-inv{display:none}}.cur-inv{position:fixed;top:0;left:0;width:26px;height:26px;margin-top:-13px;margin-left:-13px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;will-change:transform}body:after{content:"";position:fixed;width:900px;height:600px;background:radial-gradient(ellipse,rgba(124,107,255,.04) 0%,transparent 65%);border-radius:50%;pointer-events:none;z-index:0;top:-15%;left:50%;transform:translate(-50%);filter:blur(60px)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px;position:relative;z-index:2}@media (min-width:640px){.wrap{padding:0 28px}}@media (min-width:1024px){.wrap{padding:0 40px}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.delay1{transition-delay:.1s}.delay2{transition-delay:.2s}.delay3{transition-delay:.3s}.delay4{transition-delay:.4s}.section-label{font-family:var(--fm);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff38;display:flex;align-items:center;gap:14px;margin-bottom:22px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.07),transparent)}.tag{display:inline-flex;align-items:center;padding:3px 11px;border:1px solid var(--border2);border-radius:4px;font-family:var(--fm);font-size:9.5px;letter-spacing:.03em;color:var(--text2);background:#6d5fff0a;transition:.18s}.tag:hover{border-color:#6d5fff66;color:var(--accent3)}.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:8px;cursor:pointer;font-family:var(--ff);font-weight:600;font-size:13px;text-decoration:none;border:none;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s;white-space:nowrap;letter-spacing:.01em;position:relative}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#8b75ff 100%);color:#fff;box-shadow:0 2px 16px #6d5fff40,inset 0 1px #ffffff24}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px #7c6bff59,inset 0 1px #ffffff2e}.btn-primary:active{transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-outline:hover{border-color:#6d5fff66;color:var(--accent3);background:#6d5fff0d;transform:translateY(-3px)}.icon-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border2);border-radius:8px;color:var(--text3);transition:all .22s var(--ease)}.icon-link:hover{border-color:var(--border3);color:var(--text2);background:#ffffff0a;transform:translateY(-2px)}.icon-link svg{width:15px;height:15px}header{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .35s,box-shadow .35s}header.scrolled{background:#050505e6;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);box-shadow:0 1px #ffffff0e}.nav-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}@media (min-width:640px){.nav-inner{padding:0 28px}}@media (min-width:1024px){.nav-inner{padding:0 40px}}.logo-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0}.logo-text{font-family:var(--fd);font-weight:800;font-size:17px;color:var(--text);letter-spacing:-.04em}.logo-badge{font-family:var(--fm);font-size:8.5px;letter-spacing:.14em;color:#ffffff4d;border:1px solid var(--border2);padding:3px 8px;border-radius:5px;background:#ffffff0a}.desktop-nav{display:none;gap:1px}@media (min-width:700px){.desktop-nav{display:flex}}.nav-item{background:none;border:none;cursor:pointer;font-family:var(--ff);font-size:12.5px;font-weight:500;color:var(--text3);padding:6px 13px;border-radius:7px;transition:.18s;letter-spacing:.01em}.nav-item:hover{color:var(--text2)}.nav-item.active{color:var(--text)}.ham-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border2);border-radius:7px;width:36px;height:36px;cursor:pointer;color:var(--text3);transition:.18s}.ham-btn:hover{color:var(--text2);border-color:var(--border3)}.ham-btn svg{width:16px;height:16px}@media (min-width:700px){.ham-btn{display:none}}.mobile-nav{display:none;flex-direction:column;background:#050505f7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:8px 16px 16px}.mobile-nav.open{display:flex}.mob-item{background:none;border:none;cursor:pointer;font-family:var(--ff);font-size:14px;font-weight:500;color:var(--text2);text-align:left;padding:13px 0;border-bottom:1px solid var(--border);transition:.18s}.mob-item:last-child{border-bottom:none}.mob-item:hover{color:var(--text)}.hero-section{padding:0;background:transparent;min-height:100vh;display:flex;align-items:center;position:relative}.hero-inner{display:grid;grid-template-columns:1fr;gap:48px;padding:130px 0 90px;z-index:2;position:relative}@media (min-width:960px){.hero-inner{grid-template-columns:1fr auto;align-items:center}}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:32px;border:1px solid var(--border2);border-radius:100px;padding:6px 16px;background:#ffffff08}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #1ec87ab3;animation:pulse-green 2.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse-green{0%,to{box-shadow:0 0 #1ec87a80}50%{box-shadow:0 0 0 5px #1ec87a00}}.status-text{font-family:var(--fm);font-size:9px;letter-spacing:.18em;color:var(--text2)}.hero-name{font-family:var(--fd);font-weight:800;font-size:clamp(3.6rem,11vw,7rem);letter-spacing:-.05em;line-height:.95;color:var(--text);margin-bottom:18px}.hero-name .accent{color:var(--text)}.hero-role{font-family:var(--fm);font-size:clamp(.78rem,2vw,.95rem);color:var(--text3);letter-spacing:.1em;margin-bottom:22px}.cursor-blink{animation:blink 1.1s step-end infinite;margin-left:2px;color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{font-size:15px;color:var(--text2);line-height:1.85;max-width:460px;margin-bottom:40px;font-weight:300}@media (min-width:768px){.hero-desc{font-size:16px}}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.social-row{display:flex;gap:7px}.hero-photo-wrap{display:none}@media (min-width:960px){.hero-photo-wrap{display:block;position:relative;justify-self:end}}.hero-photo{width:260px;height:320px;border-radius:16px;overflow:hidden;border:1px solid var(--border2);position:relative;box-shadow:0 40px 80px #00000080}@media (min-width:1100px){.hero-photo{width:280px;height:345px}}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(15%) contrast(1.06)}.hero-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(5,5,5,.95) 100%)}.photo-info{position:absolute;bottom:0;left:0;right:0;padding:18px;display:flex;align-items:center;gap:10px}.photo-info-text .label-sm{font-family:var(--fm);font-size:8.5px;color:var(--text3);letter-spacing:.16em;margin-bottom:3px}.photo-info-text .val-sm{font-size:12.5px;color:var(--text);font-weight:600}.hero-card{position:absolute;top:-16px;right:-16px;background:#0c0c0cf5;border:1px solid var(--border2);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:float-card 4.5s ease-in-out infinite;box-shadow:0 8px 32px #00000080}.hero-card-icon{width:32px;height:32px;background:#ffffff14;border:1px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text2);flex-shrink:0}.hero-card .card-label{font-family:var(--fm);font-size:8.5px;color:var(--text3);letter-spacing:.12em}.hero-card .card-val{font-size:12.5px;font-weight:700;color:var(--text);margin-top:2px}.hero-card2{position:absolute;bottom:-26px;left:-26px;background:#0d0d1af2;border:1px solid var(--border2);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:9px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:float-card 5.5s ease-in-out infinite reverse;box-shadow:0 8px 32px #0006}.dot2{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #1ec87ab3;flex-shrink:0}.c2text{font-family:var(--fm);font-size:10.5px;color:var(--text2);letter-spacing:.03em}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;animation:scroll-bob 2.6s ease-in-out infinite}.scroll-mouse{width:20px;height:32px;border:1.5px solid rgba(255,255,255,.18);border-radius:10px;display:flex;justify-content:center;padding-top:5px}.scroll-wheel{width:3px;height:7px;border-radius:2px;background:var(--accent2);opacity:.7;animation:scroll-wheel 2.6s ease-in-out infinite}.scroll-lbl{font-family:var(--fm);font-size:7.5px;letter-spacing:.22em;color:var(--text3);text-transform:uppercase}@keyframes scroll-bob{0%,to{opacity:.45;transform:translate(-50%) translateY(0)}50%{opacity:.75;transform:translate(-50%) translateY(8px)}}@keyframes scroll-wheel{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:.3;transform:translateY(5px)}}.marquee-strip{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:15px 0;background:#ffffff03;z-index:2}.marquee-fade-l,.marquee-fade-r{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.marquee-fade-l{left:0;background:linear-gradient(to right,var(--bg),transparent)}.marquee-fade-r{right:0;background:linear-gradient(to left,var(--bg),transparent)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 32s linear infinite}.marquee-strip:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:inline-flex;align-items:center;gap:10px;padding:0 30px;font-family:var(--fm);font-size:10.5px;letter-spacing:.13em;color:var(--text3);white-space:nowrap;text-transform:uppercase;transition:color .2s;cursor:default}.marquee-item:hover{color:var(--text2)}.marquee-dot{width:3px;height:3px;border-radius:50%;background:var(--accent2);opacity:.45;flex-shrink:0}section{padding:100px 0;position:relative;z-index:2}@media (min-width:768px){section{padding:140px 0}}.big-title{font-family:var(--fd);font-weight:800;font-size:clamp(2.4rem,7vw,4.2rem);letter-spacing:-.05em;color:var(--text);margin-bottom:10px;line-height:1}.big-title .grad{color:var(--text)}.sub-text{font-size:15px;color:var(--text2);max-width:540px;line-height:1.85;margin-bottom:52px;font-weight:300}@media (min-width:640px){.sub-text{font-size:16px}}.stat-row-placeholder{display:none}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px}.stat-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 12px;text-align:center;transition:border-color .2s}.stat-box:hover{border-color:var(--border2)}.stat-num{font-family:var(--fd);font-weight:800;font-size:1.75rem;letter-spacing:-.04em;color:var(--text)}.stat-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.15em;color:var(--text3);margin-top:5px}.feature-cards{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:640px){.feature-cards{grid-template-columns:repeat(3,1fr);gap:14px}}.feat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:26px 22px;transition:border-color .22s,transform .22s var(--ease);position:relative;overflow:hidden}.feat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(109,95,255,.3),transparent);opacity:0;transition:opacity .22s}.feat-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 24px 60px #00000059}.feat-card:hover:before{opacity:0}.feat-icon-wrap{width:38px;height:38px;border:1px solid var(--border2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--accent2);margin-bottom:18px}.feat-title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.feat-desc{font-size:13px;color:var(--text2);line-height:1.75;font-weight:300}.skills-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 20px;transition:border-color .22s,transform .22s var(--ease);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(109,95,255,.3),transparent);opacity:0;transition:opacity .22s}.skill-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 24px 60px #00000059}.skill-card:hover:before{opacity:0}.skill-icon-wrap{width:38px;height:38px;border:1px solid var(--border2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--accent2);margin-bottom:14px}.skill-title{font-weight:700;font-size:13.5px;color:var(--text);margin-bottom:14px;letter-spacing:-.02em}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.proj-section-head{margin-bottom:56px}.proj-section-head .big-title{margin-top:8px;margin-bottom:0}.proj-list{display:flex;flex-direction:column}.proj-item{padding:52px 0}.proj-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 800px){.proj-grid{grid-template-columns:1fr 1fr;gap:64px;align-items:center}}.proj-media{position:relative;overflow:hidden;border-radius:10px}.proj-media img,.proj-media video{width:100%;height:auto;display:block;transition:filter .6s;filter:grayscale(12%) contrast(1.02)}.proj-item:hover .proj-media img{filter:grayscale(0%) contrast(1)}.proj-body{display:flex;flex-direction:column}.proj-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.proj-num,.proj-year{font-family:var(--fm);font-size:9.5px;color:#ffffff24;letter-spacing:.12em}.proj-title{font-family:var(--fd);font-weight:800;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.05em;color:var(--text);line-height:1;margin-bottom:8px}.proj-subtitle{font-size:13px;color:var(--text2);margin-bottom:18px;font-weight:400}.proj-desc{font-size:13.5px;color:var(--text2);line-height:1.9;font-weight:300;margin-bottom:28px}.proj-footer{display:flex;flex-direction:column;gap:14px;margin-top:auto}.proj-tech{display:flex;flex-wrap:wrap;gap:5px}.proj-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.proj-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text2);border:1px solid var(--border2);border-radius:7px;padding:8px 14px;transition:border-color .22s,color .22s,background .22s;white-space:nowrap}.proj-link svg{width:11px;height:11px;flex-shrink:0}.proj-link:hover{border-color:var(--border3);color:var(--text);background:#ffffff08}.proj-link-primary{color:var(--text)}.exp-header-row{display:flex;flex-direction:column;gap:16px;margin-bottom:56px}@media (min-width:768px){.exp-header-row{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:72px}}.exp-header-row .big-title{margin-bottom:0}.exp-years-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--border2);border-radius:100px;background:#ffffff08;width:fit-content}.exp-years-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #22c55e80;flex-shrink:0}.exp-years-badge span{font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;color:#ffffff73}.exp-list{display:flex;flex-direction:column;gap:0}.exp-item{display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:40px}@media (min-width:680px){.exp-item{grid-template-columns:160px 24px 1fr;gap:0;padding-bottom:48px;column-gap:24px}}.exp-meta{padding-top:4px}@media (min-width:680px){.exp-meta{text-align:right;padding-top:6px}}.exp-period{font-family:var(--fm);font-size:10px;color:var(--text3);letter-spacing:.07em;margin-bottom:8px;line-height:1.5}.exp-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:8.5px;letter-spacing:.12em;padding:4px 10px;border-radius:4px}.exp-badge.current{background:#ffffff0d;color:#ffffff80;border:1px solid var(--border2)}.exp-badge.past{background:#ffffff05;color:var(--text3);border:1px solid var(--border)}.s-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 5px #22c55e80;flex-shrink:0}.exp-connector{display:none;flex-direction:column;align-items:center;padding-top:6px}@media (min-width:680px){.exp-connector{display:flex}}.exp-node{width:11px;height:11px;border-radius:50%;border:2px solid var(--border2);background:var(--bg);flex-shrink:0;transition:border-color .2s}.exp-node.current{border-color:var(--text2);background:var(--text2);box-shadow:none}.exp-line{flex:1;width:1px;margin-top:6px;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);min-height:60px}.exp-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 22px;transition:border-color .22s var(--ease),transform .22s var(--ease);position:relative;overflow:hidden}.exp-card:before{display:none}.exp-item:hover .exp-card{border-color:var(--border2)}.exp-card-top{margin-bottom:14px}.exp-eyebrow{font-family:var(--fm);font-size:8.5px;letter-spacing:.16em;color:#ffffff40;margin-bottom:8px}.exp-role{font-family:var(--fd);font-weight:700;font-size:1.2rem;color:var(--text);letter-spacing:-.03em;margin-bottom:10px;line-height:1.2}.exp-company-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.company-logo{width:20px;height:20px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid var(--border2);background:var(--card2)}.company-logo img{width:100%;height:100%;object-fit:contain}.exp-company{font-size:13px;font-weight:600;color:var(--text)}.exp-dot-sep{color:var(--text3);font-size:13px}.exp-location{display:flex;align-items:center;gap:4px;font-family:var(--fm);font-size:9.5px;letter-spacing:.05em;color:var(--text3)}.exp-location svg{width:11px;height:11px;color:var(--text3);flex-shrink:0}.exp-desc{font-size:13.5px;color:var(--text2);line-height:1.85;margin-bottom:16px;font-weight:300}.exp-bullets{display:flex;flex-direction:column;gap:9px}.exp-bullet{display:flex;align-items:flex-start;gap:9px}.exp-bullet-dot{width:16px;height:16px;flex-shrink:0;border-radius:4px;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-top:1px}.exp-bullet-dot svg{width:8px;height:8px;color:var(--text2)}.exp-bullet span{font-size:13px;color:var(--text2);line-height:1.75;font-weight:300}.exp-stats{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;padding-top:48px;border-top:1px solid var(--border);flex-wrap:wrap}.exp-stat{text-align:center}.exp-stat-num{font-family:var(--fd);font-weight:800;font-size:2.2rem;letter-spacing:-.05em;display:block;color:var(--text);line-height:1}.exp-stat-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.15em;color:var(--text3);margin-top:6px;display:block}.exp-stat-divider{width:1px;height:40px;background:var(--border);flex-shrink:0}#contact{position:relative;overflow:hidden}.contact-layout{display:flex;flex-direction:column;gap:52px;position:relative;z-index:2}@media (min-width:900px){.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}}.avail-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(30,200,122,.22);border-radius:100px;background:#1ec87a0f;margin-bottom:28px;font-family:var(--fm);font-size:9.5px;letter-spacing:.11em;width:fit-content}.avail-text{color:var(--green)}.avail-divider{color:var(--text3);margin:0 2px}.avail-resp{color:var(--text2)}.contact-headline{font-family:var(--fd);font-weight:800;font-size:clamp(2.8rem,8vw,4.8rem);letter-spacing:-.055em;color:var(--text);line-height:.9;margin-bottom:22px}.contact-em{font-style:italic;color:var(--text)}.contact-pitch{font-size:15px;color:var(--text2);line-height:1.85;margin-bottom:36px;max-width:380px;font-weight:300}@media (min-width:480px){.contact-pitch{font-size:16px}}.contact-info-list{display:flex;flex-direction:column;gap:6px}.cinfo-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:10px;border:1px solid var(--border);background:#ffffff05;text-decoration:none;transition:all .22s var(--ease);position:relative;overflow:hidden}.cinfo-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--accent2));opacity:0;transition:opacity .22s;border-radius:1px}.cinfo-row:hover{border-color:var(--border2);background:#ffffff06;transform:translate(4px)}.cinfo-row:hover:before{opacity:0}.cinfo-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text2);background:#ffffff08;flex-shrink:0;transition:.18s}.cinfo-row:hover .cinfo-icon{border-color:var(--border2);background:#ffffff0d;color:var(--text)}.cinfo-icon svg{width:14px;height:14px}.cinfo-lbl{font-family:var(--fm);font-size:8.5px;letter-spacing:.15em;color:var(--text3);margin-bottom:2px}.cinfo-val{font-size:13px;color:var(--text);font-weight:500}.cinfo-arrow{margin-left:auto;color:var(--text3);font-size:15px;transition:transform .22s var(--ease),color .18s;line-height:1}.cinfo-row:hover .cinfo-arrow{transform:translate(4px);color:var(--text2)}.form-glass-panel{background:var(--card);border-radius:16px;padding:0;position:relative;border:1px solid var(--border2);box-shadow:0 40px 90px #0000004d;overflow:hidden}.form-glass-header{display:flex;align-items:center;gap:6px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff06;position:relative;z-index:3}.fgh-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.fgh-dot:nth-child(1){background:#ff5f5780}.fgh-dot:nth-child(2){background:#ffbd2e80}.fgh-dot:nth-child(3){background:#28c84080}.fgh-title{margin-left:auto;font-family:var(--fm);font-size:9px;letter-spacing:.14em;color:var(--text3)}.form-content{padding:28px;position:relative;z-index:3}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:480px){.form-2col{grid-template-columns:1fr}}.form-group{margin-bottom:16px}label{font-family:var(--fm);font-size:9px;letter-spacing:.16em;color:var(--text3);display:block;margin-bottom:8px}input,textarea{width:100%;padding:11px 14px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);font-family:var(--ff);font-size:14px;font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none}input:focus,textarea:focus{border-color:#fff3;box-shadow:none;background:#ffffff08}input::placeholder,textarea::placeholder{color:var(--text3)}textarea{resize:vertical}.form-submit{width:100%;padding:13px;justify-content:center;font-size:13.5px;margin-top:6px;letter-spacing:.01em}.form-submit:not(:disabled){background:linear-gradient(135deg,var(--accent) 0%,#8b75ff 100%);box-shadow:0 4px 20px #7c6bff40,inset 0 1px #ffffff26}.form-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c6bff59,inset 0 1px #ffffff2e}.success-panel{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:56px 40px;background:var(--card);border:1px solid rgba(34,197,94,.15);border-radius:16px;box-shadow:0 40px 80px #0000004d}.success-panel .success-icon-wrap{color:var(--green)}.success-panel .success-title{font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:-.04em;color:var(--text)}.success-panel .success-sub{font-size:15px;color:var(--text2);line-height:1.8;font-weight:300;max-width:300px}.proj-media{cursor:zoom-in;position:relative}.proj-media-hint{position:absolute;bottom:10px;right:10px;width:30px;height:30px;border-radius:6px;background:#050505b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff73;opacity:0;transition:opacity .22s}.proj-media:hover .proj-media-hint{opacity:1}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:40px 24px;cursor:zoom-out;animation:lb-in .2s var(--ease)}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:default;box-shadow:0 40px 100px #0009}footer{border-top:1px solid var(--border);padding:28px 0;position:relative;z-index:2}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-logo{font-family:var(--fd);font-weight:800;font-size:17px;color:var(--text);letter-spacing:-.04em;margin-bottom:4px}.footer-logo span{color:#ffffff4d}.footer-copy{font-family:var(--fm);font-size:9px;letter-spacing:.07em;color:var(--text3)}.footer-links{display:flex;gap:7px}.nav-right{display:flex;align-items:center;gap:8px}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border2);border-radius:7px;color:var(--text2);font-family:var(--fm);font-size:10px;letter-spacing:.12em;height:36px;padding:0 11px;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s;flex-shrink:0}.lang-toggle:hover{background:#ffffff0a;border-color:var(--border3);color:var(--text);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text3);border:1px solid var(--border);font-size:12.5px}.btn-ghost:hover{border-color:var(--border2);color:var(--text2);background:#ffffff08;transform:translateY(-2px)}.remote-chip{margin-left:auto;font-family:var(--fm);font-size:8px;letter-spacing:.12em;color:var(--green);border:1px solid rgba(30,200,122,.25);background:#1ec87a12;border-radius:4px;padding:3px 8px;white-space:nowrap}.about-layout{display:flex;flex-direction:column;gap:48px}@media (min-width:1024px){.about-layout{display:grid;grid-template-columns:1fr 420px;gap:72px;align-items:start}}.about-code-side{width:100%}.about-text{margin-top:28px;margin-bottom:36px}.about-text p{font-size:15px;color:var(--text2);line-height:1.95;margin-bottom:16px;font-weight:300}@media (min-width:768px){.about-text p{font-size:16px}}.about-text p strong{color:var(--text);font-weight:600}.code-block{background:var(--card);border:1px solid var(--border2);border-radius:14px;overflow:hidden;position:sticky;top:88px;box-shadow:0 24px 60px #00000059}.code-header{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid var(--border);background:#ffffff06}.code-dots{display:flex;gap:5px}.code-dots span{width:10px;height:10px;border-radius:50%;display:block}.code-dots span:nth-child(1){background:#ff5f578c}.code-dots span:nth-child(2){background:#ffbd2e8c}.code-dots span:nth-child(3){background:#28c8408c}.code-filename{margin-left:auto;font-family:var(--fm);font-size:9px;letter-spacing:.14em;color:var(--text3)}.code-content{padding:22px 24px;line-height:1.8;white-space:pre-wrap;word-break:break-word;overflow-x:hidden;font-family:var(--fm);font-size:10.5px;color:var(--text2);margin:0}@media (min-width: 640px){.code-content{white-space:pre;word-break:normal;overflow-x:auto;font-size:11.5px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.code-content::-webkit-scrollbar{height:3px}.code-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}}.c-key{color:#9d8fff}.c-str{color:#c4aaff}.c-bool{color:var(--green)}.c-num{color:#f0a0a0}.c-punct{color:var(--text3)}.c-arr{color:#e8d5b0}.proj-impact{display:flex;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:18px 0;background:#ffffff04}.impact-item{flex:1;padding:14px 16px;text-align:center;border-right:1px solid var(--border);transition:background .18s}.impact-item:last-child{border-right:none}.impact-item:hover{background:#ffffff08}.impact-num{font-family:var(--fd);font-weight:800;font-size:1.35rem;letter-spacing:-.04em;line-height:1;color:var(--text)}.impact-desc{font-family:var(--fm);font-size:8.5px;letter-spacing:.06em;color:var(--text3);margin-top:5px;line-height:1.4;text-transform:uppercase}#root{min-height:100vh}