.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:all .3s ease;background:var(--bg-primary)}.navbar.scrolled{background:#050510f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar__inner{max-width:var(--max-width);margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}@media (max-width: 640px){.navbar__inner{padding:0 20px}}.navbar__logo{display:flex;align-items:center;gap:4px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.5px;z-index:10}.navbar__logo .logo-icon{width:32px;height:32px;object-fit:contain;border-radius:6px}@media (max-width: 640px){.navbar__logo .logo-icon{width:28px;height:28px}}.navbar__logo .logo-dot{width:8px;height:8px;border-radius:50%;background:var(--gradient-1)}.navbar__links{display:flex;gap:40px}@media (max-width: 1024px){.navbar__links{display:none}}.navbar__link{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:.5px;transition:color .2s}.navbar__link:hover{color:var(--text-primary)}.navbar__cta{font-size:14px;font-weight:600;padding:10px 24px;border-radius:100px;background:var(--gradient-1);color:#fff;transition:transform .2s,box-shadow .2s}.navbar__cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}@media (max-width: 1024px){.navbar__cta{display:none}}.navbar__burger{display:none;background:none;border:none;cursor:pointer;width:32px;height:24px;position:relative;z-index:10}@media (max-width: 1024px){.navbar__burger{display:flex;flex-direction:column;justify-content:space-between}}.navbar__burger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.navbar__burger.open span:nth-child(1){transform:translateY(11px) rotate(45deg)}.navbar__burger.open span:nth-child(2){opacity:0}.navbar__burger.open span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#050510f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.mobile-menu__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.mobile-menu__link{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;color:var(--text-secondary);transition:color .2s}.mobile-menu__link:hover{color:var(--text-primary)}.mobile-menu__cta{margin-top:16px;font-size:18px;font-weight:600;padding:14px 36px;border-radius:100px;background:var(--gradient-1);color:#fff}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:calc(var(--nav-height) + 40px) 32px 80px}@media (max-width: 640px){.hero{padding:calc(var(--nav-height) + 24px) 20px 60px}}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero__glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.hero__glow--1{width:600px;height:600px;background:var(--accent);top:-200px;right:-100px;opacity:.15}.hero__glow--2{width:400px;height:400px;background:#00cec9;bottom:-100px;left:-100px;opacity:.1}.hero__content{max-width:var(--max-width);width:100%;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;border:1px solid var(--border-subtle);background:var(--bg-card);font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:32px}@media (max-width: 640px){.hero__badge{font-size:12px;margin-bottom:24px}}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#00b894;animation:pulse 2s ease-in-out infinite}.hero__title{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,6vw,80px);font-weight:700;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}@media (max-width: 640px){.hero__title{letter-spacing:-1px}.hero__title br{display:none}}.hero__subtitle{font-size:clamp(16px,2vw,20px);color:var(--text-secondary);max-width:560px;line-height:1.6;margin-bottom:40px;font-weight:400}@media (max-width: 640px){.hero__subtitle{margin-bottom:32px}}.hero__actions{display:flex;gap:16px;margin-bottom:80px}@media (max-width: 640px){.hero__actions{flex-direction:column;width:100%;margin-bottom:48px}}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:100px;font-size:15px;font-weight:600;transition:all .3s ease}.hero__btn--primary{background:var(--gradient-1);color:#fff}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.hero__btn--secondary{border:1px solid var(--border-hover);color:var(--text-primary);background:var(--bg-card)}.hero__btn--secondary:hover{border-color:var(--accent-light);background:var(--bg-card-hover)}.hero__stats{display:flex;align-items:center;gap:32px}@media (max-width: 640px){.hero__stats{gap:20px}}.hero__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero__stat-number{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}@media (max-width: 640px){.hero__stat-number{font-size:18px}}.hero__stat-label{font-size:13px;color:var(--text-muted)}@media (max-width: 640px){.hero__stat-label{font-size:11px}}.hero__stat-divider{width:1px;height:40px;background:var(--border-subtle)}.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:1px;height:40px;background:var(--border-subtle);overflow:hidden}.hero__scroll-line{width:100%;height:100%;background:var(--accent-light);transform-origin:top}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.about{padding:120px 32px;background:var(--bg-secondary);position:relative}@media (max-width: 640px){.about{padding:80px 20px}}.about__inner{max-width:var(--max-width);margin:0 auto}.about__header{text-align:center;margin-bottom:80px}@media (max-width: 640px){.about__header{margin-bottom:48px}}.about__title{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-1px;margin-bottom:20px;line-height:1.2}.about__subtitle{font-size:clamp(15px,1.5vw,18px);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.about__services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}@media (max-width: 1024px){.about__services{grid-template-columns:1fr;gap:16px}}@media (max-width: 640px){.about__services{margin-bottom:48px}}.about__service{padding:40px 32px;border-radius:20px;border:1px solid var(--border-subtle);background:var(--bg-card);transition:all .3s ease}.about__service:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}@media (max-width: 640px){.about__service{padding:28px 24px}}.about__service-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--gradient-1);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:24px}.about__service h3{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin-bottom:12px}.about__service p{font-size:15px;color:var(--text-secondary);line-height:1.6}.about__tech{text-align:center}.about__tech-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.about__tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.about__tech-tag{padding:8px 20px;border-radius:100px;border:1px solid var(--border-subtle);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.about__tech-tag:hover{border-color:var(--accent);color:var(--accent-light)}.section-label{display:inline-block;font-size:13px;font-weight:600;color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.portfolio{padding:120px 32px;position:relative}@media (max-width: 640px){.portfolio{padding:80px 20px}}.portfolio__inner{max-width:var(--max-width);margin:0 auto}.portfolio__header{text-align:center;margin-bottom:48px}.portfolio__title{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-1px;margin-bottom:16px}.portfolio__subtitle{font-size:clamp(15px,1.5vw,18px);color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.6}.portfolio__filters{display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap}.portfolio__filter{padding:10px 24px;border-radius:100px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.portfolio__filter:hover{border-color:var(--border-hover);color:var(--text-primary)}.portfolio__filter.active{background:var(--gradient-1);border-color:transparent;color:#fff}.portfolio__loading{display:flex;justify-content:center;padding:80px 0}.portfolio__spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}@media (max-width: 640px){.portfolio__grid{grid-template-columns:1fr;gap:16px}}.portfolio__card{display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--border-subtle);background:var(--bg-card);overflow:hidden;transition:all .3s ease;cursor:pointer}.portfolio__card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 20px 60px #0000004d}.portfolio__card:hover .portfolio__card-link{color:var(--accent-light)}.portfolio__card-image{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce70d,#00cec90d);padding:32px}.portfolio__card-image img{max-width:160px;max-height:120px;object-fit:contain;filter:brightness(.9) contrast(1.1)}.portfolio__card-placeholder{width:80px;height:80px;border-radius:20px;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;color:#fff}.portfolio__card-content{padding:24px;flex:1;display:flex;flex-direction:column}.portfolio__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.portfolio__card-top h3{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.portfolio__card-badge{flex-shrink:0;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600}.portfolio__card-badge--webapp{background:#6c5ce726;color:var(--accent-light)}.portfolio__card-badge--website{background:#00cec926;color:#00cec9}.portfolio__card p{font-size:14px;color:var(--text-secondary);line-height:1.6;flex:1;margin-bottom:20px}.portfolio__card-link{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-muted);transition:color .2s}@keyframes spin{to{transform:rotate(360deg)}}.contact{padding:120px 32px;background:var(--bg-secondary)}@media (max-width: 640px){.contact{padding:80px 20px}}.contact__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}@media (max-width: 1024px){.contact__inner{grid-template-columns:1fr;gap:48px}}.contact__title{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.contact__desc{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px}.contact__info{display:flex;flex-direction:column;gap:20px}.contact__info-item{display:flex;align-items:center;gap:16px}.contact__info-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent-light);flex-shrink:0}.contact__info-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.contact__info-value{font-size:15px;color:var(--text-primary);transition:color .2s}.contact__info-value:hover{color:var(--accent-light)}.contact__form{display:flex;flex-direction:column;gap:20px}.contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.contact__form-row{grid-template-columns:1fr}}.contact__field{display:flex;flex-direction:column;gap:8px}.contact__field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.contact__field input,.contact__field textarea{padding:14px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:15px;transition:all .2s;outline:none}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--text-muted)}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.contact__field textarea{resize:vertical;min-height:120px}.contact__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:12px;border:none;background:var(--gradient-1);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.contact__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.contact__submit:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 640px){.contact__submit{align-self:stretch}}.contact__status{font-size:14px;font-weight:500}.contact__status--success{color:#00b894}.contact__status--error{color:#ff7675}:root{--bg-primary: #050510;--bg-secondary: #0a0a1a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #6c5ce7;--accent-light: #a29bfe;--accent-glow: rgba(108, 92, 231, .3);--gradient-1: linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-2: linear-gradient(135deg, #6c5ce7, #00cec9);--gradient-text: linear-gradient(135deg, #a29bfe, #6c5ce7, #00cec9);--max-width: 1200px;--nav-height: 72px}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;background-color:#000}body{background-color:#000;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}section{position:relative}::selection{background:var(--accent);color:#fff}.footer{padding:32px;border-top:1px solid var(--border-subtle)}@media (max-width: 640px){.footer{padding:24px 20px}}.footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media (max-width: 640px){.footer__inner{flex-direction:column;gap:20px;text-align:center}}.footer__left{display:flex;align-items:center;gap:16px}@media (max-width: 640px){.footer__left{flex-direction:column;gap:8px}}.footer__logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;display:flex;align-items:center;gap:6px}.footer__logo-icon{width:28px;height:28px;object-fit:contain;border-radius:5px}@media (max-width: 640px){.footer__logo-icon{width:24px;height:24px}}.footer__dot{width:6px;height:6px;border-radius:50%;background:var(--gradient-1);display:inline-block}.footer__copy{font-size:13px;color:var(--text-muted)}.footer__links{display:flex;gap:24px}.footer__links a{font-size:13px;color:var(--text-secondary);transition:color .2s}.footer__links a:hover{color:var(--accent-light)}