@charset "UTF-8";.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;height:60px;background:#0b0c10cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto}.header__logo{font-weight:600;font-size:1rem;color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:.5rem}.header__nav{display:flex;align-items:center;gap:1.5rem}.header__link{font-size:.875rem;font-weight:500;color:var(--muted);position:relative;transition:color .2s;white-space:nowrap}.header__link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--accent);transition:width .25s ease}.header__link:hover{color:var(--text)}.header__link:hover:after{width:100%}.header__burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.header__burger-line{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transform-origin:center;transition:transform .3s ease,opacity .3s ease,width .3s ease}.header__burger--open .header__burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__burger--open .header__burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header__burger--open .header__burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__mobile-menu{position:absolute;top:60px;left:0;right:0;background:#0b0c10f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;pointer-events:none}.header__mobile-menu--open{max-height:240px;opacity:1;pointer-events:auto}.header__mobile-link{font-size:.95rem;font-weight:500;color:var(--muted);padding:16px 2rem;border-bottom:1px solid rgba(255,255,255,.05);transition:color .2s,background .2s}.header__mobile-link:last-child{border-bottom:none}.header__mobile-link:hover{color:var(--text);background:#7c3aed12}@media (max-width: 768px){.header{padding:0 1.25rem}.header__nav--desktop{display:none}.header__burger{display:flex}}.hero{position:relative;padding:200px 0 180px;background:var(--bg);color:var(--text);animation:hero-fade-in .8s ease-out both}.hero__inner{position:relative;z-index:1;width:min(1120px,90%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}.hero__content{animation:hero-slide-up .7s ease-out .1s both}.hero__eyebrow{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:18px}.hero__title{font-size:clamp(2.4rem,3vw + 1.4rem,3.4rem);line-height:1.1;letter-spacing:-.01em;margin-bottom:20px;color:var(--text)}.hero__desc{font-size:1.02rem;line-height:1.75;color:var(--muted);margin-bottom:28px}.hero__chips{display:flex;flex-wrap:wrap;gap:8px}.hero__chip{padding:6px 14px;border-radius:8px;font-size:.8rem;background:#7c3aed14;color:var(--muted);border:1px solid rgba(124,58,237,.2);transition:border-color .2s,color .2s}.hero__chip:hover{border-color:var(--accent);color:var(--text)}.hero__graph{position:relative;height:560px;margin-top:-60px;margin-bottom:-60px;animation:hero-slide-up .7s ease-out .2s both}.hero__graph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 20%),linear-gradient(to left,var(--bg) 0%,transparent 15%),linear-gradient(to bottom,var(--bg) 0%,transparent 15%),linear-gradient(to top,var(--bg) 0%,transparent 15%);pointer-events:none;z-index:1}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-graph-bg-fade{0%{opacity:0}to{opacity:.5}}@media (max-width: 900px){.hero{padding:110px 0 80px}}@media (max-width: 768px){.hero{padding:140px 0 80px}.hero__inner{grid-template-columns:1fr;gap:0;position:relative}.hero__graph{position:absolute;top:-100px;right:0;bottom:-80px;left:0;height:auto;margin:0;animation:hero-graph-bg-fade .7s ease-out .2s both}.hero__content{position:relative;z-index:1}}@media (max-width: 600px){.hero{padding:140px 0 60px}.hero__title{font-size:clamp(2rem,8vw,2.6rem)}}.techstack{position:relative;padding:120px 0;overflow:hidden}.techstack__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.65}.techstack__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,var(--bg) 80%);pointer-events:none}.techstack__inner{position:relative;z-index:1;width:min(1120px,90%);margin:0 auto}.techstack__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;letter-spacing:-.01em;color:var(--text);text-align:center;margin-bottom:10px}.techstack__desc{text-align:center;color:var(--muted);font-size:1rem;margin-bottom:52px}.techstack__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.techstack__card{background:#13152a80;border:1px solid var(--border);border-radius:16px;padding:32px 28px;transition:border-color .2s,transform .2s}.techstack__card:hover{border-color:#7c3aed66;transform:translateY(-2px)}.techstack__card-num{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent-purple);text-transform:uppercase;margin-bottom:14px}.techstack__card:nth-child(2) .techstack__card-num{color:var(--accent-blue)}.techstack__card:nth-child(3) .techstack__card-num{color:var(--accent-green)}.techstack__card-title{font-size:1.05rem;font-weight:600;color:var(--text);margin:0 0 12px}.techstack__card-body{font-size:.9rem;line-height:1.7;color:var(--muted);margin:0}@media (max-width: 800px){.techstack__grid{grid-template-columns:1fr}}.projects{padding:120px 0}.projects__inner{width:min(1120px,90%);margin:0 auto}.projects__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;letter-spacing:-.01em;color:var(--text);text-align:center;margin-bottom:10px}.projects__desc{text-align:center;color:var(--muted);font-size:1rem;margin-bottom:52px}.projects__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:0}.projects__grid li{opacity:0;animation:project-in .4s ease-out both;animation-timeline:view();animation-range:entry 0% cover 35%}.projects__card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 20px;background:#13152a80;border:1px solid var(--border);border-radius:16px;color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .25s,color .25s,transform .25s,box-shadow .25s}.projects__card:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.07) 50%,transparent 80%);pointer-events:none}.projects__card:hover:before{left:160%;transition:left .5s ease}.projects__grid li:nth-child(4n+1) .projects__card:hover{border-color:#7c3aed99;color:var(--text);transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed2e}.projects__grid li:nth-child(4n+2) .projects__card:hover{border-color:#3b82f699;color:var(--text);transform:translateY(-2px);box-shadow:0 6px 24px #3b82f62e}.projects__grid li:nth-child(4n+3) .projects__card:hover{border-color:#14b8a699;color:var(--text);transform:translateY(-2px);box-shadow:0 6px 24px #14b8a62e}.projects__grid li:nth-child(4n+4) .projects__card:hover{border-color:#a78bfa99;color:var(--text);transform:translateY(-2px);box-shadow:0 6px 24px #a78bfa2e}.projects__card-title{line-height:1.3}.projects__card-arrow{flex-shrink:0;width:16px;height:16px;opacity:.4;transition:transform .2s,opacity .2s}.projects__card:hover .projects__card-arrow{transform:translate(2px,-2px);opacity:1}@keyframes project-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.projects__grid{grid-template-columns:1fr}}.contact{padding:140px 0 120px}.contact__inner{width:min(680px,90%);margin:0 auto;text-align:center}.contact__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;letter-spacing:-.01em;color:var(--text);margin-bottom:12px}.contact__desc{color:var(--muted);font-size:1rem;margin-bottom:40px}.contact__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.contact__btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}.contact__btn svg{width:17px;height:17px;flex-shrink:0}.contact__btn:hover{transform:translateY(-1px)}.contact__btn--primary{background:#7c3aed;color:#fff;border:1px solid transparent}.contact__btn--primary:hover{box-shadow:0 6px 20px #7c3aed73}.contact__btn--ghost{background:var(--card);color:var(--muted);border:1px solid var(--border)}.contact__btn--ghost:hover{color:var(--text);border-color:#7c3aed66}.footer{padding:32px 0;color:var(--muted);text-align:center;border-top:1px solid var(--border);font-size:.85rem;letter-spacing:.01em}.focus{padding:120px 0;overflow:hidden}.focus__inner{width:min(1120px,90%);margin:0 auto}.focus__title-wrap{position:relative;margin-bottom:132px}.focus__sparkles{position:absolute;top:100%;left:50%;transform:translate(-50%);width:140%;height:160px;pointer-events:none}.focus__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;text-align:center;margin-bottom:0;line-height:1.1;letter-spacing:-.01em;color:var(--text);position:relative;z-index:1;padding-bottom:30px}.focus__list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.focus__item{padding:28px 32px;border-radius:16px;background:#13152a80;border:1px solid var(--border);color:var(--text);opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease,border-color .2s}.focus__item:hover{border-color:#7c3aed66}.focus__item--visible{opacity:1;transform:translateY(0)}.focus__item-title{font-size:1rem;font-weight:600;margin:0 0 10px;line-height:1.45;color:var(--text)}.focus__result{font-size:.875rem;color:var(--accent-green);line-height:1.55;margin:0;opacity:.85}@media (max-width: 700px){.focus__list{grid-template-columns:1fr}}.skills{position:relative;padding:120px 0;overflow:hidden}.skills:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 50% 15%,rgba(124,58,237,.55) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 50% 18%,rgba(167,139,250,.25) 0%,transparent 50%)}.skills:after{content:"";position:absolute;top:0;left:0;width:2px;height:2px;border-radius:50%;z-index:0;pointer-events:none;background:#fff;box-shadow:120px 80px 1px #ffffffb3,340px 45px 1px #ffffff8c,560px 130px 1px #ffffffa6,780px 60px 1px #ffffff80,960px 110px 2px #fff9,180px 200px 1px #ffffff73,420px 175px 1px #ffffff8c,640px 220px 1px #fff6,850px 190px 2px #fff9,70px 310px 1px #ffffff73,290px 350px 1px #ffffff59,510px 290px 1px #ffffff80,730px 330px 1px #fff6,1000px 280px 2px #ffffff8c,1150px 90px 1px #ffffff73,50px 420px 1px #ffffff4d,380px 460px 1px #fff6,670px 410px 2px #ffffff80,900px 450px 1px #ffffff59,480px 580px 1px #ffffff59,750px 540px 2px #ffffff73}.skills__inner{position:relative;z-index:1;width:min(1120px,90%);margin:0 auto}.skills__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;margin-bottom:10px;color:var(--text);text-align:center;letter-spacing:-.01em}.skills__desc{text-align:center;margin-bottom:52px;color:var(--muted);font-size:1rem}.skills__groups{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skills__group{background:#0d0f1c59;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1f;transition:border-color .2s,box-shadow .2s}.skills__group:hover{border-color:#a78bfa59;box-shadow:0 16px 48px #00000059,inset 0 1px #ffffff24}.skills__group-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-purple);margin:0 0 16px}.skills__group:nth-child(2) .skills__group-label{color:var(--accent-blue)}.skills__group:nth-child(3) .skills__group-label{color:var(--accent-green)}.skills__group:nth-child(4) .skills__group-label{color:var(--accent-purple);opacity:.7}.skills__list{display:flex;flex-wrap:wrap;gap:8px}.skills__item{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);padding:5px 12px;border-radius:8px;font-size:13px;color:var(--muted);opacity:0;animation:skills-fade-in .5s ease-out both;animation-timeline:view();animation-range:entry 0% cover 35%;transition:color .2s,border-color .2s,background .2s}.skills__item:hover{color:var(--text);background:#7c3aed1f;border-color:#a78bfa4d}@keyframes skills-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skills__item:nth-child(1){animation-delay:.03s}.skills__item:nth-child(2){animation-delay:.06s}.skills__item:nth-child(3){animation-delay:.09s}.skills__item:nth-child(4){animation-delay:.12s}.skills__item:nth-child(5){animation-delay:.15s}.skills__item:nth-child(6){animation-delay:.18s}.skills__item:nth-child(7){animation-delay:.21s}.skills__item:nth-child(8){animation-delay:.24s}.skills__item:nth-child(9){animation-delay:.27s}.skills__item:nth-child(10){animation-delay:.3s}.skills__item:nth-child(11){animation-delay:.33s}.skills__item:nth-child(12){animation-delay:.36s}.skills__item:nth-child(13){animation-delay:.39s}.skills__item:nth-child(14){animation-delay:.42s}.skills__item:nth-child(15){animation-delay:.45s}.skills__item:nth-child(16){animation-delay:.48s}.skills__item:nth-child(17){animation-delay:.51s}.skills__item:nth-child(18){animation-delay:.54s}.skills__item:nth-child(19){animation-delay:.57s}.skills__item:nth-child(20){animation-delay:.6s}.skills__item:nth-child(21){animation-delay:.63s}.skills__item:nth-child(22){animation-delay:.66s}.skills__item:nth-child(23){animation-delay:.69s}.skills__item:nth-child(24){animation-delay:.72s}.skills__item:nth-child(25){animation-delay:.75s}.skills__item:nth-child(26){animation-delay:.78s}.skills__item:nth-child(27){animation-delay:.81s}.skills__item:nth-child(28){animation-delay:.84s}.skills__item:nth-child(29){animation-delay:.87s}.skills__item:nth-child(30){animation-delay:.9s}.skills__item:nth-child(31){animation-delay:.93s}.skills__item:nth-child(32){animation-delay:.96s}.skills__item:nth-child(33){animation-delay:.99s}.skills__item:nth-child(34){animation-delay:1.02s}.skills__item:nth-child(35){animation-delay:1.05s}.skills__item:nth-child(36){animation-delay:1.08s}.skills__item:nth-child(37){animation-delay:1.11s}.skills__item:nth-child(38){animation-delay:1.14s}.skills__item:nth-child(39){animation-delay:1.17s}.skills__item:nth-child(40){animation-delay:1.2s}.skills__item:nth-child(41){animation-delay:1.23s}.skills__item:nth-child(42){animation-delay:1.26s}.skills__item:nth-child(43){animation-delay:1.29s}.skills__item:nth-child(44){animation-delay:1.32s}.skills__item:nth-child(45){animation-delay:1.35s}.skills__item:nth-child(46){animation-delay:1.38s}.skills__item:nth-child(47){animation-delay:1.41s}.skills__item:nth-child(48){animation-delay:1.44s}.skills__item:nth-child(49){animation-delay:1.47s}.skills__item:nth-child(50){animation-delay:1.5s}@media (max-width: 900px){.skills{padding:80px 0}}@media (max-width: 700px){.skills{padding:70px 0}.skills__groups{grid-template-columns:1fr}.skills__desc{margin-bottom:36px}.skills__group{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:#13152a80}.skills__item{animation:none;opacity:1}}:root{--bg: #0d0f1c;--card: #13152a;--text: #e8e9ef;--muted: #9aa1b2;--accent-purple: #a78bfa;--accent-blue: #60a5fa;--accent-green: #34d399;--accent: var(--accent-purple);--border: #1e2136}.gradient-text{background-image:linear-gradient(95deg,var(--accent-purple),var(--accent-blue),var(--accent-green));pointer-events:none;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text::selection{-webkit-text-fill-color:white}.gradient-text--animated{background-size:200% auto;animation:gradient-text-shine 1.3s ease-in-out infinite alternate}@keyframes gradient-text-shine{0%{background-position:0% 50%}to{background-position:100% 50%}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}p{margin:0}