*{margin:0;padding:0;box-sizing:border-box}:root{--bg-gradient: linear-gradient(135deg, #0F172A, #05133D);--accent: #64ffda;--text-light: #f5f5f5;--text-muted: #94a3b8;--font-main: system-ui, Avenir, Helvetica, Arial, sans-serif}html{scroll-behavior:smooth;font-size:62.5%}html,body{margin:0;height:auto;overflow-x:hidden;overflow-y:auto}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-light);min-height:100vh;display:flex;flex-direction:column;text-align:center;background:radial-gradient(circle 200rem at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.08) 0%,transparent 8%),linear-gradient(135deg,#1a1a2e,#16213e);background-attachment:fixed}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .3s ease}a:hover{color:#38e3c9}button{background:transparent;border:2px solid var(--accent);padding:.75rem 1.5rem;border-radius:8px;color:var(--accent);font-size:1rem;cursor:pointer;transition:all .3s ease}button:hover{background:var(--accent);color:#0f172a}.header{min-height:7rem;padding:2rem;color:var(--text-light);display:flex;align-items:center;justify-content:space-between;position:relative}.name-wrapper{display:flex;position:relative;overflow:hidden;gap:0;font-size:2.5rem}.first{color:#00adb5;z-index:2;font-weight:600}.rest{opacity:0;transform:translate(-100%);animation:slideIn 1s forwards}.hamidov{animation-delay:.5s}.letter-p{margin-left:-7ch;animation:moveRight 1s forwards;animation-delay:.5s}.akhlavon{animation:slideIn 1s forwards;animation-delay:.5s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes moveRight{to{margin-left:1ch}}.headerNav{list-style:none;display:flex;position:absolute;transform:translate(-50%);left:50%;justify-content:center;word-spacing:.8rem;transition:opacity .4s ease,transform .4s ease;transition:all .4s ease}.headerNav.fixed{position:fixed;top:0;opacity:.8;width:100%;padding:1rem;background-color:#16213e;text-align:center;color:var(--accent);left:50%;transform:translate(-50%);z-index:1000;transition:all .4s ease}.headerNav.fixed li a{color:var(--accent)}.headerNav li a{line-height:3.5rem;display:inline-block;color:#fff;padding:0 2.5rem;text-decoration:none;font-size:2rem;text-transform:lowercase;transition:color .3s ease;position:relative;white-space:nowrap}.headerNav:hover li a{opacity:.5;transition:all .5s ease}.headerNav li a:hover{opacity:1}.headerNav li:nth-child(1) a:before{content:"01"}.headerNav li:nth-child(2) a:before{content:"02"}.headerNav li:nth-child(3) a:before{content:"03"}.headerNav li:nth-child(4) a:before{content:"04"}.headerNav li:nth-child(5) a:before{content:"05"}.headerNav li a:before{position:absolute;top:-1.1rem;right:2.4rem;font-size:.9rem;font-family:Source Code Zero,monospace;font-weight:600;opacity:.6;color:#ccc}.navigation{display:none}.navigation__button{display:none;background-color:#fff;height:4.5rem;width:5rem;position:fixed;top:1.5rem;right:1.5rem;z-index:100}.navigation__checkbox{display:none;background-color:#fff}.navigation__icon{position:relative;margin-top:2.2rem}.navigation__icon,.navigation__icon:before,.navigation__icon:after{width:4rem;height:2.5px;background-color:#05133d;display:inline-block}.navigation__icon:before,.navigation__icon:after{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon:before{top:-1rem}.navigation__icon:after{top:1rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon:before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon:after{top:0;transform:rotate(-135deg)}.navigation__checkbox:checked~.navigation{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:100%;height:100vh;background-color:#fff;z-index:50;justify-content:center;align-items:center}.navigation__checkbox:checked~.navigation .navigation__list{display:flex;flex-direction:column}.navigation__checkbox:checked~.navigation .navigation__list li a{font-size:3rem;padding:1rem;color:#05133d;transform:translate(0);text-decoration:none;opacity:1;transition:all .4s ease}.navigation__checkbox:checked~.navigation .navigation__list li{margin:1rem}.navigation__checkbox:checked~.navigation .navigationLang{display:flex;margin:.5rem auto;font-size:2rem;justify-content:center;align-items:center;color:#05133d}.navigation__checkbox:checked~.navigation .navigationLang .lang-button{display:flex;margin:.5rem auto;font-size:2rem;justify-content:center;align-items:center;color:#05133d}.navigation__checkbox:checked~.navigation__list li:nth-child(1) a{transition-delay:.1s}.navigation__checkbox:checked~.navigation__list li:nth-child(2) a{transition-delay:.2s}.navigation__checkbox:checked~.navigation__list li:nth-child(3) a{transition-delay:.3s}.lang-switcher{position:relative;display:inline-block;font-family:system-ui,sans-serif}.navigation__checkbox:checked~.navigation .navigationLang .lang-option{display:block;background:#fff;color:#05133d;font-size:1.6rem;padding:.8rem 1.2rem}.navigation__checkbox:checked~.lang-switcher .lang-menu{text-align:center}.lang-button{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:transparent;color:#f1f5f9;border:1px solid #334155;cursor:pointer;font-size:1.8rem;border-radius:0;transition:background .2s ease}.lang-button:hover{background:transparent;color:#f1f5f9}.lang-menu{position:absolute;top:100%;left:0;margin-top:.3rem;background:transparent;border:1px solid #334155;list-style:none;padding:.3rem 0;min-width:100%;z-index:50}.lang-menu li{width:100%}.lang-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.4rem .8rem;background:transparent;color:#f1f5f9;border:none;text-align:left;cursor:pointer;font-size:1.4rem;transition:background .2s ease}.lang-option:hover{background:transparent;border-radius:0}.lang-option.active{font-weight:700;color:#38bdf8}.shortcut{font-size:.75rem;color:#94a3b8}.hero{flex:1;height:calc(100vh - 7rem);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;text-align:center;background-image:url(/assets/bg-3-ZRD6HKDj.webp);background-repeat:no-repeat;background-position:center;background-size:contain}.hero h1,.hero h2{opacity:0}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.2;font-size:8.5rem;margin-bottom:1rem;animation:slideRight 1s ease forwards;animation-delay:.5s}.hero h2{font-size:clamp(1.2rem,3vw,2rem);font-weight:400;font-size:4.2rem;color:var(--text-muted);margin-bottom:2rem;animation:slideLeft 1s ease forwards;animation-delay:.5s}.mouse{position:relative;width:52px;height:88px;border-radius:100px;margin-top:4rem;background:var(--accent) linear-gradient(transparent 0%,transparent 50%,var(--text-light) 50%,var(--text-light) 100%);opacity:0;background-size:100% 200%;animation:fadeUp .8s ease forwards,colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite;animation-delay:1s,1.8s,1.8s}.mouse:before,.mouse:after{content:"";position:absolute;inset:0;margin:auto}.mouse:before{width:46px;height:82px;background-color:#05133d;border-radius:100px}.mouse:after{background-color:var(--accent);width:10px;height:10px;border-radius:100%;animation:trackBallSlide 5s linear infinite}@keyframes colorSlide{0%{background-position:0% 100%}20%{background-position:0% 0%}21%{background-color:var(--accent)}29.99%{background-color:var(--text-light);background-position:0% 0%}30%{background-color:var(--accent);background-position:0% 100%}50%{background-position:0% 0%}51%{background-color:var(--accent)}59%{background-color:var(--text-light);background-position:0% 0%}60%{background-color:var(--accent);background-position:0% 100%}80%{background-position:0% 0%}81%{background-color:var(--accent)}90%,to{background-color:var(--text-light)}}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(.9) translateY(5px)}14%{opacity:0;transform:scale(.4) translateY(40px)}15%,19%{opacity:0;transform:scale(.4) translateY(-20px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(.9) translateY(5px)}44%{opacity:0;transform:scale(.4) translateY(40px)}45%,49%{opacity:0;transform:scale(.4) translateY(-20px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(.9) translateY(5px)}74%{opacity:0;transform:scale(.4) translateY(40px)}75%,79%{opacity:0;transform:scale(.4) translateY(-20px)}88%,to{opacity:1;transform:scale(1) translateY(-20px)}}@keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}.expertise{color:#fff;padding:4rem 2rem;text-align:center}.expertise__title,.work__title{font-size:7rem;margin-bottom:3rem}.expertise__title span{color:#ff4d94}.expertise__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1100px;margin:0 auto}.expertise__image{opacity:.5;width:55rem;margin:-1.5rem auto 0}.expertise__card{padding:4rem;border:2px solid #ccc;transition:transform .3s ease;text-align:left;opacity:0}.expertise.in-view .expertise__card--1{animation:fadeUp .6s ease forwards;animation-delay:.3s}.expertise.in-view .expertise__card--2{animation:fadeUp .6s ease forwards;animation-delay:.6s}.expertise.in-view .expertise__card--3{animation:fadeUp .6s ease forwards;animation-delay:.9s}.expertise__headline{width:fit-content;margin:0 auto 2rem;display:flex;flex-direction:row;height:8rem;align-items:center}.expertise__icon{width:8rem;height:8rem;margin-right:1rem;align-self:center}.expertise__card h3{font-size:3rem;line-height:1}.expertise__card h3 span{color:#4da6ff}.expertise__text p{color:#ccc;line-height:1.6;border-left:2px solid #888;margin-left:1.7rem;padding-left:1rem}.expertise__text{position:relative;font-size:1.4rem;color:#ccc;line-height:1.6;font-family:Source Code Pro,monospace}.expertise__text:after{content:"</h3>";display:block;color:#888;position:relative;font-family:monospace}.expertise__text:before,.expertise__text:after{font-size:1.5rem}.expertise__text:before{content:"<h3>";position:relative;width:auto;background:none;display:block;color:#888}.work__cards{max-width:110rem;margin:5rem auto;display:flex;flex-direction:column;gap:4rem}.work__card{display:flex;flex-direction:row;padding:2rem;align-items:center;border-radius:1.5rem;background-color:#0c1730;box-shadow:0 4px 30px #0000001a;opacity:0}.work.in-view .work__card--1{animation:fadeUp .6s ease forwards;animation-delay:.3s}.work.in-view .work__card--2{animation:fadeUp .6s ease forwards;animation-delay:.6s}.work__card-image{width:27rem;align-self:start}.work__card-text{text-align:left;padding:0 2rem;align-self:flex-start}.work__card-title{font-size:2.5rem;margin-bottom:1rem}.work__card-description{font-size:1.6rem;margin-bottom:1rem;color:#ccc;text-align:left;line-height:1.6}.work__card-text a{font-size:1.4rem;font-weight:380;color:#ccc;display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;transition:color .3s ease}.arrow{width:2rem;height:2rem;transition:transform .3s ease,color .3s ease}.work__card-text a:hover{color:var(--accent)}.work__card-text a:hover .arrow{transform:translateY(-3px);color:var(--accent)}.footer{background:#0a1128;padding:4rem 8rem;display:flex;flex-direction:row;justify-content:space-around;text-align:left}.footer__text{text-align:left;max-width:40rem}.footer h2{font-size:3rem;margin-bottom:1rem;font-family:Space Grotesk Bold,monospace}.footer p{color:#ccc;line-height:1.6;font-size:2rem;font-family:Roboto mono,sans-serif}.footer__links{min-width:40rem}.footer__links{display:flex;align-items:center;flex-direction:column;gap:1rem;font-size:3rem;justify-content:center;text-decoration:none}.footer__links a{color:#fff;font-family:Roboto mono,sans-serif}.footer__links-icons{margin-top:2rem;font-size:4rem;display:flex;width:100%;justify-content:space-around}@media (max-width: 1024px){.headerNav{font-size:1.4rem}.hamidov,.akhlavon{display:none}.headerNav li a{padding:0 1.5rem;width:fit-content};.expertise__title,.work__title{font-size:5rem}.expertise__cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.work__card{flex-direction:column;text-align:center}.work__card-image{width:100%;max-width:30rem;margin-bottom:2rem}.work__card-text{text-align:center;padding:0}.footer{flex-direction:column;text-align:center;gap:2rem}.footer__links{min-width:auto}.footer__links-icons{justify-content:center;gap:2rem}}@media (max-width: 768px){.headerNav{display:none}.navigation__button{display:block}.hero h1{font-size:5rem}.hero h2{font-size:2.4rem}.expertise__title,.work__title{font-size:4rem}.expertise__card{padding:2rem}.footer h2{font-size:2.4rem}.footer p{font-size:1.6rem}.footer__links{font-size:2.4rem}.footer__links-icons{font-size:3rem}}@media (max-width: 480px){.hamidov,.akhlavon{display:flex}.hero{background-size:cover}.hero h1{font-size:5rem}.hero h2{font-size:2.5rem}.navigation__list ul li a{transform:translate(100%);opacity:0}.navigation__list li a:before{position:absolute;left:-100%;top:50%;transform:translateY(-50%);font-size:3rem;font-family:Source Code Zero,monospace;font-weight:600;opacity:1;color:#05133d}.lang-switcher{display:none}.lang-button{position:relative;display:none}.expertise__cards{gap:2rem}.expertise__image{width:100%;margin:-1rem auto 0}.expertise__title,.work__title{font-size:3rem}.expertise__text p{font-size:1.2rem}.work__card{margin:2rem}.work__card-title{font-size:2rem}.work__card-image{width:100%;margin:0 auto 2rem}.work__card-description{font-size:1.4rem}.footer{padding:2rem}.footer__links{font-size:2rem}.footer__links-icons{font-size:2.5rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}