@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter.woff2)format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter.woff2)format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter.woff2)format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter.woff2)format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter.woff2)format("woff2")}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;color:#e4e4e7;background:#0a0a0b;line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:48px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:600;transition:all .25s ease;cursor:pointer;border:0}.btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 24px rgba(99,102,241,.35)}.btn--primary:hover{box-shadow:0 8px 32px rgba(99,102,241,.5);transform:translateY(-2px)}.btn--outline{background:0 0;color:#c4b5fd;border:2px solid rgba(139,92,246,.4)}.btn--outline:hover{border-color:#8b5cf6;background:rgba(139,92,246,.08)}.btn--lg{padding:18px 40px;font-size:1.1rem;border-radius:14px}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,11,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.header__inner,.header__right{display:flex;align-items:center}.header__inner{justify-content:space-between;height:72px}.header__right{gap:16px}.logo{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.03em}.logo span{color:#8b5cf6}.nav{display:flex;gap:32px}.nav__link{font-size:.95rem;font-weight:500;color:#a1a1aa;transition:color .2s}.footer__links a:hover,.nav__link:hover{color:#fff}.burger,.lang-toggle{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);cursor:pointer}.lang-toggle{color:#a1a1aa;font-family:"Inter",sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:6px 12px;border-radius:8px;transition:all .2s}.lang-toggle:hover{color:#c4b5fd}.burger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;border-radius:10px;padding:0;gap:5px;transition:all .25s}.burger:hover,.lang-toggle:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4)}.burger span{display:block;width:20px;height:2px;background:#e4e4e7;border-radius:2px;transition:all .3s ease;transform-origin:center}.burger.active{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.5)}.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:72px}.hero__inner{position:relative;z-index:2;padding:80px 0}.hero__label{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#8b5cf6;margin-bottom:20px;padding:6px 16px;border:1px solid rgba(139,92,246,.3);border-radius:100px}.hero__title{font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:24px}.hero__title span{background:linear-gradient(135deg,#8b5cf6,#c084fc,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__text{max-width:560px;font-size:1.15rem;color:#a1a1aa;margin-bottom:40px;line-height:1.8}.hero__actions{display:flex;gap:16px;flex-wrap:wrap}.hero__bg{position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.15)0,transparent 60%);z-index:1;pointer-events:none}.about{padding:120px 0}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.about__text p{color:#a1a1aa;font-size:1.05rem;margin-bottom:20px}.about__text p:last-child{margin-bottom:0}.about__stats{display:flex;gap:40px;padding-top:12px}.stat{display:flex;flex-direction:column}.stat__number{font-size:3rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,#8b5cf6,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__label{font-size:.9rem;color:#71717a;margin-top:8px;font-weight:500}.skills{padding:120px 0;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.skills__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.skill-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px 28px;transition:all .3s ease}.skill-card:hover{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.05);transform:translateY(-4px)}.skill-card__icon{font-size:2rem;margin-bottom:16px}.service-card h3,.skill-card h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:12px}.skill-card p{font-size:.92rem;color:#a1a1aa;line-height:1.6}.services{padding:120px 0}.services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:40px 36px;transition:all .3s ease}.service-card:hover{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.04)}.service-card__num{font-size:.85rem;font-weight:700;color:#8b5cf6;letter-spacing:.05em;margin-bottom:20px;display:block}.service-card h3{font-size:1.3rem}.service-card p{color:#a1a1aa;font-size:.95rem;line-height:1.7}.contact{padding:120px 0;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.04)}.contact__inner{text-align:center}.contact__text{max-width:480px;margin:0 auto 40px;font-size:1.1rem;color:#a1a1aa}.footer{border-top:1px solid rgba(255,255,255,.06);padding:32px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between}.footer__copy{font-size:.85rem;color:#52525b}.footer__links{display:flex;gap:24px}.footer__links a{font-size:.85rem;color:#71717a;transition:color .2s}@media (max-width:1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.burger{display:flex}.nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:0;background:rgba(10,10,11,.98);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.nav.open{opacity:1;visibility:visible;pointer-events:all}.nav__link{display:block;font-size:2rem;font-weight:700;color:#71717a;padding:20px 0;text-align:center;transition:color .2s,transform .3s;transform:translateY(20px);opacity:0}.nav.open .nav__link{opacity:1;transform:translateY(0);color:#e4e4e7}.nav.open .nav__link:nth-child(1){transition-delay:.08s}.nav.open .nav__link:nth-child(2){transition-delay:.14s}.nav.open .nav__link:nth-child(3){transition-delay:.2s}.nav.open .nav__link:nth-child(4){transition-delay:.26s}.nav__link:hover{color:#c4b5fd!important}.header{z-index:300;backdrop-filter:none;background:#0a0a0b}.hero__title{font-size:clamp(2rem,8vw,3rem)}.hero__text{font-size:1rem}.about{padding:80px 0}.about__grid{grid-template-columns:1fr;gap:40px}.about__stats{justify-content:space-between}.skills{padding:80px 0}.skills__grid{grid-template-columns:1fr}.services{padding:80px 0}.services__grid{grid-template-columns:1fr}.contact{padding:80px 0}.footer__inner{flex-direction:column;gap:16px;text-align:center}}@media (max-width:480px){.container{padding:0 16px}.hero__inner{padding:60px 16px}.hero__title{font-size:2rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.about__stats{gap:24px}.stat__number{font-size:2.2rem}.skill-card{padding:24px 20px}.service-card{padding:28px 24px}.btn--lg{padding:16px 24px;font-size:.95rem}.nav__link{font-size:1.6rem;padding:16px 0}}