@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .3s ease;background-color:transparent}.header--scrolled{background-color:#080c18f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header__content{max-width:1400px;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:center}.header__logo{display:flex;align-items:center;gap:12px}.header__logo-image{height:100px;width:auto}.header__nav{display:flex;gap:40px}.header__nav-link{background:none;border:none;color:#ffffffb3;font-size:16px;font-weight:500;cursor:pointer;transition:color .3s ease;font-family:Inter,sans-serif;letter-spacing:.5px}.header__nav-link:hover{color:#00d4ff;transform:none}@media(max-width:768px){.header__content{padding:0 24px}.header__nav{gap:20px}.header__nav-link{font-size:13px}}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 60px 80px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero__content{flex:1;max-width:700px}.hero__tag{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:30px;font-size:13px;font-weight:500;color:#00d4ff;margin-bottom:32px;letter-spacing:.5px}.hero__tag-dot{width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff}.hero__title{font-family:Space Grotesk,sans-serif;font-size:72px;font-weight:700;line-height:1.1;margin-bottom:28px;display:flex;flex-direction:column}.hero__title-line{color:#fff}.hero__title-accent{background:linear-gradient(135deg,#00d4ff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:18px;line-height:1.8;color:#fff9;margin-bottom:40px;max-width:540px}.hero__buttons{display:flex;gap:16px;margin-bottom:60px}.hero__button{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;border:none}.hero__button--primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#080c18;box-shadow:0 4px 24px #00d4ff4d}.hero__button--secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:500}.hero__button--secondary:hover{border-color:#00d4ff80;background:#00d4ff0d}.hero__button-arrow{font-size:18px;transition:transform .3s ease}.hero__button:hover .hero__button-arrow{transform:translate(4px)}.hero__stats{display:flex;align-items:center;gap:40px}.hero__stat{display:flex;flex-direction:column;gap:4px}.hero__stat-number{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700;color:#fff}.hero__stat-label{font-size:14px;color:#ffffff80}.hero__stats-divider{width:1px;height:50px;background:#ffffff1a}.hero__visual{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:500px;height:500px}.hero__shape{position:absolute}.hero__shape--1{width:300px;height:300px;border:2px solid rgba(0,212,255,.3);border-radius:30px;transform:rotate(15deg);animation:float 6s ease-in-out infinite}.hero__shape--2{top:100px;left:100px;width:200px;height:200px;background:linear-gradient(135deg,#00d4ff1a,#6366f11a);border-radius:20px;transform:rotate(-10deg);animation:float 8s ease-in-out infinite 1s}.hero__shape--3{bottom:50px;right:50px;width:150px;height:150px;border:2px solid rgba(99,102,241,.2);border-radius:50%;animation:float 7s ease-in-out infinite .5s}@media(max-width:1200px){.hero__visual{display:none}}@media(max-width:768px){.hero{padding:100px 24px 60px}.hero__title{font-size:48px}.hero__subtitle{font-size:16px}.hero__buttons{flex-direction:column}.hero__stats{flex-wrap:wrap;gap:24px}.hero__stats-divider{display:none}}.services{padding:120px 60px;max-width:1400px;margin:0 auto;position:relative;z-index:1;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.services--visible{opacity:1;transform:translateY(0)}.services__header{text-align:center;margin-bottom:60px}.services__tag{display:inline-block;padding:8px 16px;background:#00d4ff1a;border-radius:20px;font-size:12px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.services__title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;margin-bottom:16px;color:#fff}.services__subtitle{font-size:18px;color:#ffffff80;max-width:600px;margin:0 auto;line-height:1.6}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.services__card{padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.services__card:hover{transform:translateY(-8px);border-color:#00d4ff66}.services__card:hover .services__card-arrow{opacity:1;transform:translate(0)}.services__card-icon{font-size:40px;margin-bottom:24px;display:block}.services__card-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:12px;color:#fff}.services__card-description{font-size:15px;color:#ffffff80;line-height:1.7;margin-bottom:24px}.services__card-arrow{font-size:20px;color:#00d4ff;opacity:0;transition:all .3s ease;position:absolute;bottom:40px;right:40px;transform:translate(-10px)}@media(max-width:768px){.services{padding:80px 24px}.services__title{font-size:36px}.services__subtitle{font-size:16px}.services__card{padding:32px}}.portfolio{padding:120px 60px;max-width:1400px;margin:0 40px;position:relative;z-index:1;background:#0003;border-radius:40px;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.portfolio--visible{opacity:1;transform:translateY(0)}.portfolio__header{text-align:center;margin-bottom:60px}.portfolio__tag{display:inline-block;padding:8px 16px;background:#00d4ff1a;border-radius:20px;font-size:12px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.portfolio__title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;margin-bottom:16px;color:#fff}.portfolio__subtitle{font-size:18px;color:#ffffff80;max-width:600px;margin:0 auto;line-height:1.6}.portfolio__filters{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.portfolio__filter{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:30px;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.portfolio__filter:hover{border-color:#00d4ff66;color:#fff;transform:none}.portfolio__filter--active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:transparent;color:#080c18}.portfolio__filter--active:hover{color:#080c18}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px}.portfolio__card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.portfolio__card:hover{transform:translateY(-8px);border-color:#00d4ff66}.portfolio__card:hover .portfolio__card-overlay{opacity:1}.portfolio__card-image-wrapper{position:relative;height:220px;background:linear-gradient(135deg,#00d4ff1a,#6366f11a);display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio__card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio__card:hover .portfolio__card-image{transform:scale(1.05)}.portfolio__card-overlay{position:absolute;inset:0;background:#080c18e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio__card-button{display:inline-block;padding:14px 28px;background:#00d4ff;border:none;border-radius:10px;color:#080c18;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .3s ease;text-decoration:none}.portfolio__card-button:hover{background:#00b8e6}.portfolio__card-button--disabled{background:#fff3;color:#fff9;cursor:not-allowed}.portfolio__card-button--disabled:hover{background:#fff3}.portfolio__card-content{padding:28px}.portfolio__card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.portfolio__card-category{font-size:12px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1px}.portfolio__card-year{font-size:12px;font-weight:500;color:#fff6}.portfolio__card-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:12px;color:#fff}.portfolio__card-description{font-size:14px;color:#ffffff80;line-height:1.7;margin-bottom:20px}.portfolio__card-tech{display:flex;flex-wrap:wrap;gap:8px}.portfolio__tech-tag{padding:6px 14px;background:#00d4ff1a;border-radius:20px;font-size:12px;font-weight:500;color:#ffffffb3}@media(max-width:900px){.portfolio{margin:0 20px;padding:80px 24px}.portfolio__grid{grid-template-columns:1fr}.portfolio__title{font-size:36px}}@media(max-width:480px){.portfolio__filters{gap:8px}.portfolio__filter{padding:10px 16px;font-size:13px}}.contact{padding:120px 60px;max-width:1400px;margin:0 auto;position:relative;z-index:1;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.contact--visible{opacity:1;transform:translateY(0)}.contact__wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact__info{padding-top:20px}.contact__tag{display:inline-block;padding:8px 16px;background:#00d4ff1a;border-radius:20px;font-size:12px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.contact__title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;color:#fff}.contact__subtitle{font-size:16px;color:#ffffff80;line-height:1.8;margin-bottom:40px}.contact__details{display:flex;flex-direction:column;gap:20px}.contact__item{display:flex;align-items:center;gap:16px;font-size:16px;color:#fffc}.contact__item-icon{font-size:24px}.contact__item-link{color:#fffc;text-decoration:none;transition:color .3s ease}.contact__item-link:hover{color:#00d4ff}.contact__item-phones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact__item-separator{color:#ffffff4d}.contact__form{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:48px}.contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact__form-group{margin-bottom:24px}.contact__form-label{display:block;font-size:14px;font-weight:500;color:#ffffffb3;margin-bottom:10px}.contact__form-input{width:100%;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;color:#fff;font-family:Inter,sans-serif;transition:all .3s ease}.contact__form-input::placeholder{color:#ffffff4d}.contact__form-textarea{resize:vertical;min-height:140px}.contact__form-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;color:#080c18;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;box-shadow:0 4px 24px #00d4ff4d}.contact__form-submit:hover{box-shadow:0 6px 32px #00d4ff66}.contact__form-arrow{font-size:18px;transition:transform .3s ease}.contact__form-submit:hover .contact__form-arrow{transform:translate(4px)}@media(max-width:900px){.contact{padding:80px 24px}.contact__wrapper{grid-template-columns:1fr;gap:48px}.contact__title{font-size:36px}}@media(max-width:600px){.contact__form{padding:32px 24px}.contact__form-row{grid-template-columns:1fr}}.footer{border-top:1px solid rgba(255,255,255,.06);padding:60px;position:relative;z-index:1}.footer__content{max-width:1400px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center}.footer__brand{display:flex;flex-direction:column;gap:12px}.footer__logo{display:flex;align-items:center;gap:12px}.footer__logo-image{height:36px;width:auto}.footer__tagline{font-size:14px;color:#fff6;font-style:italic}.footer__links{display:flex;gap:32px}.footer__link{color:#ffffff80;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.footer__link:hover{color:#00d4ff}.footer__bottom{max-width:1400px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:#ffffff4d}@media(max-width:768px){.footer{padding:40px 24px}.footer__content{flex-direction:column;gap:32px;text-align:center}.footer__brand{align-items:center}.footer__links{gap:24px}.footer__bottom{text-align:center}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#080c18;color:#fff;overflow-x:hidden}::selection{background:#00d4ff4d}.app-container{min-height:100vh;background:linear-gradient(180deg,#080c18,#0a1628,#080c18);position:relative;overflow:hidden}.background-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.glow-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.glow-orb-1{top:10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.glow-orb-2{bottom:20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:pulse 10s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}input:focus,textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}