.navbar{position:fixed;top:0;width:100%;height:60px;background-color:#0c0c1d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;z-index:1000}.navbar .wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar .wrapper .social{display:flex;gap:10px}.navbar .wrapper .social img{width:20px;height:20px}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0f1726;color:#f8fafc}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:#0f1726}@media (max-width: 738px){.sidebar .bg{width:200px;padding:20px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}@media (max-width: 738px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.hero{min-height:calc(100vh - 60px);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;background-color:#070b14;color:#e6edf7}@media (max-width: 738px){.hero{flex-direction:column-reverse;text-align:center;padding:16px}}.hero .textContainer{flex:1;display:flex;flex-direction:column;gap:16px}.hero .textContainer h2{font-size:28px;color:#93c5fd}.hero .textContainer h1{font-size:42px;line-height:1.2;color:#f8fafc}@media (max-width: 738px){.hero .textContainer h1{font-size:28px}}.hero .textContainer p{font-size:18px;max-width:680px;color:#b6c3d6}.hero .textContainer .buttonGroup{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 738px){.hero .textContainer .buttonGroup{justify-content:center}}.hero .textContainer .buttonGroup .cta{background-color:#3b82f6;color:#fff;padding:10px 18px;border-radius:8px;font-weight:600}.hero .textContainer .buttonGroup .secondary{background-color:#151f31;color:#dbeafe;border:1px solid #2f3c50}.hero .imageContainer{flex:1;display:flex;justify-content:center}.hero .imageContainer img{max-width:360px;width:100%;border-radius:12px;border:3px solid #22304a}.service{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.service .contentSection{background:#0f1726;border:1px solid #22304a;border-radius:12px;padding:24px;min-height:auto;display:block}.service .contentSection h2{color:#93c5fd;margin-bottom:12px}.service .contentSection p{line-height:1.6;color:#c4cfdd}.service .skillsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 738px){.service .skillsGrid{grid-template-columns:1fr}}.service .skillCard{border:1px solid #27364f;border-radius:10px;padding:16px;background-color:#121c2e}.service .skillCard h3{color:#dbeafe;margin-bottom:10px}.service .skillCard ul{padding-left:20px;display:grid;gap:8px}.service .listBlock{padding-left:22px;display:grid;gap:10px;line-height:1.5;color:#c4cfdd}.portfolio{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.portfolio .progress{text-align:center;color:#93c5fd;padding:8px}.portfolio .progress h1{font-size:36px}@media (max-width: 738px){.portfolio .progress h1{font-size:28px}}.portfolio .projectsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 738px){.portfolio .projectsGrid{grid-template-columns:1fr}}.portfolio .projectCard{background:#0f1726;border:1px solid #22304a;border-radius:12px;padding:18px;display:grid;gap:10px}.portfolio .projectCard h2{font-size:22px;color:#f8fafc}.portfolio .projectCard p{color:#c4cfdd;line-height:1.5}.portfolio .projectCard span{font-size:14px;font-weight:700;color:#bfdbfe;background:#172554;width:fit-content;padding:6px 10px;border-radius:16px}.portfolio .additionalSection{background:#0f1726;border:1px solid #22304a;border-radius:12px;padding:20px}.portfolio .additionalSection h2{color:#93c5fd;margin-bottom:10px}.portfolio .additionalSection ul{padding-left:20px;display:grid;gap:8px;color:#c4cfdd}.contact{height:100%;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px}@media (max-width: 738px){.contact{width:100%;padding:10px;flex-direction:column}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}@media (max-width: 738px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:70px}}.contact .textContainer h1{font-size:100px;line-height:88px;color:#f8fafc}@media (max-width: 738px){.contact .textContainer h1{font-size:35px}}.contact .textContainer h2{color:#93c5fd}.contact .textContainer span{font-weight:300;color:#d8e2f1}.contact .formContainer{flex:1;position:relative}@media (max-width: 738px){.contact .formContainer{padding:10px;width:100%}}.contact .formContainer .phoneSvg{z-index:-1;position:absolute;margin:auto}@media (max-width: 738px){.contact .formContainer .phoneSvg{display:none}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .formContainer input,.contact .formContainer textarea{padding:20px;background-color:#101827;border:1px solid #2f3c50;color:#f8fafc;border-radius:5px}@media (max-width: 738px){.contact .formContainer input,.contact .formContainer textarea{padding:10px}}.contact .formContainer button{padding:20px;border:none;background-color:#3b82f6;color:#fff;cursor:pointer;font-weight:700}html{scroll-snap-type:y proximity;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:#070b14;color:#e6edf7}a{text-decoration:none;color:inherit}section{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;scroll-snap-align:start;position:relative}.cursor{width:50px;height:50px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}@media (max-width: 738px){.cursor{display:none}}