.logo, .nav_link{color:var(--text-color)}.nav, .nav_list, .nav_menu, .top_btn{display:flex}#scrollToTop, .logo::after{background-color:var(--orange)}.footer, .portfolio_title, .project{text-align:center}#scrollToTop, #theme-toggle, .contact_form button, .header_heading span, .logo{font-weight:700}.header{background-color:var(--background-accent);transition:background-color .5s}.logo{position:relative;font-family:var(--font-family-logo);font-size:32px;line-height:1;padding:0 12px 3px 0;transition:color .3s}.header_heading, .nav_list{font-weight:600}.header_nav, .logo::after{transition:background-color .5s}.logo::after{position:absolute;right:0;bottom:0;content:"";display:block;width:8px;height:8px;border-radius:50%}.header_nav{position:fixed;width:100%;z-index:1;box-shadow:0 4px 4px rgba(0, 0, 0, .25);background-color:var(--background-color)}#theme-toggle, .toggle, label[for=btn]{width:calc(var(--sz) * 4);height:calc(var(--sz) * 2)}.nav_menu{justify-content:space-between;align-items:center;padding:10px 0}.nav_list{gap:50px}.nav_link{position:relative;transition:color .2s ease-in}.nav_link:hover{color:var(--orange)}.nav_link:active{top:2px}.contact_form button:active, .nav_link:active{position:relative;top:3px}.top_btn{gap:10px}#scrollToTop, .ipt{display:none}#theme-toggle{border:none;border-radius:25px;cursor:pointer;color:var(--orange);background-color:var(--theme);transition:background-color .3s, transform .2s}#scrollToTop, .my_logo, .project_title a{color:var(--text-color)}#theme-toggle:hover{background-color:var(--themehov)}#theme-toggle:active{transform:translateY(1px)}label[for=btn]{position:absolute;border-radius:25px;background:var(--toggle)}.thumb{position:absolute;border-radius:var(--sz);cursor:pointer;display:flex;padding:calc(var(--sz)* .65);animation:.5s go-left;width:calc(var(--sz)* 1.875);right:calc(var(--sz)* 2.05);background:var(--tg)}#btn:checked+label .thumb{animation:.5s go-right;width:calc(var(--sz)* 1.875);right:calc(var(--sz)* .075)}@keyframes go-left{0%{width:calc(var(--sz)* 1.875);right:calc(var(--sz)* .075)}40%, 60%{width:calc(var(--sz)* 3.85);right:calc(var(--sz)* .075)}100%{width:calc(var(--sz)* 1.875);right:calc(var(--sz)* 2.05)}}@keyframes go-right{0%{width:calc(var(--sz)* 1.875);right:calc(var(--sz)* 2.05)}40%, 60%{width:calc(var(--sz)* 3.85);right:calc(var(--sz)* .075)}100%{width:calc(var(--sz)* 1.875);right:calc(var(--sz)* .075)}}label[for=btn]:after, label[for=btn]:before{--clr:var(--orange);content:"EN";width:50%;float:left;display:flex;justify-content:center;height:100%;font-size:calc(var(--sz)* .95);font-weight:700;align-items:center;color:var(--clr)}label[for=btn]:after{content:"RU"}span.thumb:after, span.thumb:before{content:"";width:calc(var(--sz)/ 1.75);height:calc(var(--sz)/ 1.75)}span.thumb:after{position:absolute;border-radius:50%;background:var(--orange)}#scrollToTop{position:fixed;font-size:24px;bottom:20px;right:20px;border:none;border-radius:5px;padding:10px;cursor:pointer}#scrollToTop:hover{background-color:#ff9100}.header_row{display:flex;justify-content:space-between;align-items:center;padding-top:130px}.header_content{max-width:600px}.header_heading{font-size:44px;margin-bottom:20px}.hero_text{text-decoration:underline;font-weight:700}.portfolio, .services{padding:90px 0}.services_title{margin-bottom:70px}.header_content p, .service_card p{line-height:2}.services_row{display:flex;gap:30px;flex-wrap:wrap}.service_card{flex:1 1 0;min-width:260px}.service_card_img{margin-bottom:30px}.service_card_title{font-size:24px;font-weight:600;text-transform:uppercase;margin-bottom:10px}.portfolio{background-color:var(--background-accent);transition:background-color .5s}.portfolio_title{margin-bottom:70px}.portfolio_grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}.project_img{margin-bottom:10px}.project_title{font-size:20px}.skills{font-size:14px}.project_title a{position:relative;text-decoration:underline;transition:color .2s ease-in}.project_title a:hover{color:var(--orange)}.project_title a:active{top:2px}.footer{padding:90px 0 10px}@keyframes backgroundFade{0%{background:#e0eafc}100%{background:#c8d9f9}}.contacts_title{margin-bottom:40px}.contact_form{width:100%;max-width:700px;border-radius:12px;box-shadow:0 6px 20px rgba(0, 0, 0, .15);animation:.5s formBounce;padding:10px 20px;margin:0 auto;background:var(--white)}.note p{color:var(--black)}@keyframes formBounce{0%{transform:scale(.95)}100%{transform:scale(1)}}.contact_form input, .contact_form textarea{width:100%;resize:none;font-size:16px;border:1px solid #ddd;border-radius:6px;transition:border .3s, box-shadow .3s;box-shadow:0 2px 6px rgba(0, 0, 0, .1);padding:10px;margin:10px 0;color:#333;background:#f9f9f9}.contact_form button, .contact_form input:hover, .contact_form textarea:hover{box-shadow:0 4px 10px rgba(0, 0, 0, .15)}.contact_form input:focus, .contact_form textarea:focus{outline:0;box-shadow:0 6px 15px grey}input[name=bear_trap]{position:absolute;left:-9999px;top:-9999px;opacity:0;pointer-events:none;width:1px;height:1px}.contact_form button{width:150px;font-size:18px;border:none;border-radius:6px;cursor:pointer;padding:12px;margin:10px 0;color:var(--white);background:var(--black);transition:background .3s, box-shadow .3s}.contact_form button:hover{box-shadow:0 6px 15px rgba(0, 0, 0, .25);background:var(--orange)}.fade-in{animation:fadeIn 1s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.contacts_social{display:flex;justify-content:center;align-items:center;gap:60px;padding-top:50px;margin-bottom:40px}.social-icon{position:relative;width:48px;height:48px}.social-icon-color{fill:var(--white)}.social-icon-bg{width:48px;height:48px;fill:var(--black);transition:all .3s ease-in}.social-icon:hover .social-icon-bg{fill:var(--orange)}.my_logo{padding-top:30px;transition:color .3s}