:root{--primary-color: #1d3557;--secondary-color: #0078d7;--accent-gradient: linear-gradient(90deg, #457b9d, #1d3557);--background-color: white}body{font-family:Roboto Mono,monospace;line-height:1.6;background:var(--background-color);margin:0;padding:0}a{text-decoration:none;color:var(--primary-color)}.text-gradient{background:linear-gradient(90deg,#1e90ff,#00bfff,#87cefa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}#uslugi{box-shadow:0 0 4px #0000001a}.nav-links{list-style:none;margin:0;display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 20px}.nav-links li{margin:0}.nav-links a,.nav-links button{display:inline-block;padding:12px 20px;text-decoration:none;color:#fff;font-weight:700;font-size:1rem;border-radius:8px;transition:background .3s ease,transform .2s ease;background:var(--secondary-color);box-shadow:0 2px 4px #0000001a}.nav-links a:hover,.nav-links button:hover{background:var(--accent-gradient);transform:scale(1.05);box-shadow:0 4px 8px #00000026;cursor:pointer}.nav-links button{border:none;cursor:pointer}.nav-links li:first-child a{border-left:none;border-right:none}header nav{margin-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box}hr{border:none;border-top:1px solid black}main{padding:2rem 1rem}section{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px}section h2{text-align:center;font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;justify-content:center;align-items:center}.modal-content{background:#fff;padding:2rem;border-radius:10px;width:90%;max-width:650px;position:relative;text-align:center}.modal-content form input[type=text],.modal-content form input[type=email],.modal-content form textarea{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid var(--secondary-color);border-radius:8px;font-size:1rem;font-family:Roboto Mono,monospace;color:#1d3557;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease,box-shadow .3s ease}.modal-content form input[type=text]:focus,.modal-content form input[type=email]:focus,.modal-content form textarea:focus{border-color:var(--primary-color);box-shadow:0 4px 6px #00000026;outline:none}.modal-content form textarea{resize:none}.modal-content form button[type=submit]{width:100%;padding:.8rem;background:var(--secondary-color);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 2px 4px #0000001a}.modal-content form button[type=submit]:hover{background:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 8px #00000026}.modal-content form button[type=submit]:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;box-shadow:none}.close-btn{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;color:var(--primary-color)}.contact-button-container{text-align:center;margin-bottom:1rem}.contact-btn{display:inline-flex;align-items:center;gap:10px;background:none;border:none;color:var(--primary-color);font-size:1.2rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .3s ease,color .3s ease}.contact-btn i{font-size:1.5rem;transition:transform .3s ease}.contact-btn:hover{transform:translate(5px)}.contact-btn:hover i{transform:rotate(10deg) scale(1.2)}.footer-content{text-align:center;padding:1.5rem}.footer-content p{margin:.5rem 0}.footer-content a{text-decoration:none;font-weight:700;transition:color .3s ease}.footer-content a:hover{color:#a8dadc}.accordion{margin-top:2rem}.accordion-item{margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;overflow:hidden}.accordion-header{display:flex;align-items:center;background:var(--secondary-color);color:#fff;padding:1rem;cursor:pointer;border:none;width:100%;transition:background .3s ease}.accordion-header:hover{background:var(--primary-color)}.accordion-header i{margin-right:1rem;transition:color .3s ease}.accordion-header img{width:50px;height:50px;margin-right:1rem;border-radius:50%}.accordion-body{display:none;padding:1rem;background:#f8f9fa;color:var(--primary-color)}.accordion-body.open{display:block}.projects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.project-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.project-item img{width:100%;height:auto;border-radius:8px;margin-bottom:1rem;transition:transform .3s ease-in-out}.project-item img:hover{transform:scale(1.15)}.project-item h3{font-size:1.5rem;color:var(--primary-color)}.project-item p{color:var(--primary-color)}.services-expandable{display:grid;grid-template-columns:1fr;gap:20px;max-width:100%;padding:0 20px;margin:0 auto}.service-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;transition:box-shadow .2s ease-in-out;box-shadow:0 4px 6px #0000001a;margin-bottom:1em}.service-card:hover{box-shadow:0 8px 16px #00000026}.service-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--secondary-color);color:#fff;cursor:pointer}.service-header h3{font-size:1.5rem;font-weight:700;margin:0}.service-header i{margin-right:10px}.service-header .toggle-icon{font-size:1.5rem;color:#fff;transition:transform .3s ease}.service-details{padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-top:20px;animation:fadeIn .3s ease-in-out}.service-details h3{margin-top:15px;font-size:1.4rem;color:#333;text-align:center}.service-details p{font-size:1rem;color:#555;line-height:1.6;margin-bottom:15px;text-align:justify;word-wrap:break-word;overflow-wrap:break-word}.service-details hr{border:none;border-top:2px solid #ddd;margin:15px 0}.service-details ul{display:grid;grid-template-columns:1fr;gap:12px;padding:0;margin:0;list-style:none}.service-details ul li{display:flex;align-items:center;gap:10px;background:#f3f3f3;padding:10px;border-radius:5px;font-size:1rem;color:#333}.service-details ul li i{color:#4caf50;font-size:1.2rem}@media (min-width: 768px){.service-details ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.service-card.open .service-details{display:block}.service-card.open .toggle-icon{transform:rotate(45deg)}body.dark-mode{--primary-color: #f1faee;--secondary-color: #457b9d;--accent-gradient: linear-gradient(90deg, #000, #333);--background-color: #000000;--text-color: #f1faee}body.dark-mode header,body.dark-mode section,body.dark-mode .service-card{background:#333;color:var(--text-color);box-shadow:0 4px 6px #0006}body.dark-mode .project-item h3,body.dark-mode .project-item a,body.dark-mode .project-item p{color:#333}body.dark-mode .service-header{background-color:var(--primary-color);color:#333}body.dark-mode .modal-content{background:#333;color:var(--text-color)}body.dark-mode .nav-links a,body.dark-mode .nav-links button,body.dark-mode .service-button,body.dark-mode .close-button{background:var(--primary-color);color:#333}body.dark-mode .service-button:hover,body.dark-mode .close-button:hover{color:#fff}body.dark-mode .nav-links a:hover,body.dark-mode .nav-links button:hover,body.dark-mode .service-button:hover,body.dark-mode .close-button:hover{background:var(--accent-gradient)}body.dark-mode footer a{color:var(--text-color)}body.dark-mode footer p{color:var(--text-color)}body.dark-mode li,body.dark-mode #serviceDetailsContent h3{color:#333}body.dark-mode .services-title,body.dark-mode .faq-title{color:var(--text-color)}.service-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.service-card ul li{position:relative;padding:20px 30px;font-size:1rem;border-radius:10px;box-shadow:0 6px 12px #00000026;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card ul li:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000040;cursor:pointer}.service-card ul li:before{content:"";position:absolute;top:0;left:0;width:10px;height:100%;border-radius:10px 0 0 10px}.service-card ul li span{display:block;font-size:1.2rem;color:#f1faee;text-shadow:0 1px 3px rgba(0,0,0,.3)}.service-card ul li:hover span{color:#a8dadc}#service1 ul{list-style:none;padding:0;margin:20px 0;box-shadow:0 2px 5px #0000001a;overflow:hidden}#service1 ul li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px 20px;background:#fdfdfd;border-bottom:1px solid #e0e0e0;font-size:1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}#service1 ul li:hover{background:#eef6fc;transform:scale(1.03);box-shadow:0 3px 6px #00000026}#service1 ul li i{margin-right:10px;color:#0077b6;font-size:1.7rem;flex-shrink:0}#service1 ul li b{color:#2c3e50;font-weight:600;display:block}#service1 ul li span{font-weight:400}#service1 ul li:last-child{border-bottom:none}.swiper-container{width:100%;padding-bottom:10px}.swiper-wrapper{display:flex;transition:transform .3s ease-in-out}.swiper-slide{flex-shrink:0;width:calc((100% - 40px) / 3);box-sizing:border-box}.swiper-slide{overflow:visible;padding:10px}.swiper-container{max-width:100%;margin:0 15px 0 auto;position:relative;overflow:hidden;height:auto}.password-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Arial,sans-serif}.password-box{background:#fff;color:#000;padding:20px;border-radius:10px;text-align:center;box-shadow:0 0 10px #ffffff4d}input{padding:8px;font-size:16px;margin-right:10px}button{padding:8px 12px;font-size:16px;cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:5px}.hidden{display:none}.services-container-menu{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;align-items:flex-start;background-size:cover;padding:40px;border-radius:10px;background-size:150px 150px;background-repeat:repeat}.service-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 15px;font-size:1.5em;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:none;border:none;outline:none;cursor:pointer;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;color:var(--primary-color);white-space:nowrap;overflow:hidden;box-shadow:0 2px 10px #0000001a}.service-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.service-button:hover:after{transform:scaleX(1)}.service-button i{font-size:1rem;transition:color .2s ease-in-out}@media (max-width: 768px){.service-button{font-size:1.45em;flex-grow:1;text-align:center}}@media (max-width: 540px){.service-button{font-size:1.2em}}@media (max-width: 480px){.service-button{font-size:.85em}}.service-link{margin-top:15px;font-size:24px;transition:transform .3s ease;display:inline-flex;align-items:center}.service-link:hover{transform:translate(5px);cursor:pointer}.service-link i{margin-left:5px;font-size:1.5rem;transition:transform .3s ease}.service-link:hover i{transform:rotate(10deg)}#serviceDetailsContainer{position:relative;background:#f8f8f8;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:20px}.close-button{position:absolute;top:10px;right:10px;color:var(--primary-color);border:none;background:transparent;width:30px;height:30px;font-size:18px;cursor:pointer;padding:0;transition:transform .3s ease-in-out}.close-button:hover{transform:rotate(90deg)}.close-button:active{transform:rotate(90deg) scale(1)}@media screen and (min-width: 768px){.services-expandable{grid-template-columns:repeat(2,1fr);gap:30px}}@media screen and (max-width: 768px){.service-details ul{display:flex!important;flex-direction:column}}@media screen and (min-width: 1200px){.services-expandable{grid-template-columns:repeat(2,1fr);max-width:1500px}}@media (max-width: 768px){.projects-grid,.swiper-container{width:100%}.swiper-slide{margin-bottom:20px}.project-item{width:100%}h3{text-align:center}.services-container{flex-direction:column}.service-details p{line-height:1.4;text-align:left}}@media (max-width: 480px){.swiper-slide{width:100%!important;margin-bottom:20px!important}.project-item{width:100%;padding:10px;margin:0 auto}.project-thumbnail{width:100%;height:auto;max-width:100%}}:root{--primary-color: #1d3557;--secondary-color: #457b9d;--background-light: #f8f9fa;--accent-gradient: linear-gradient(90deg, var(--secondary-color), var(--primary-color))}header{text-align:center;box-shadow:0 2px 4px #0000001a;padding:10px 20px}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:nowrap;gap:20px}.header-container h1{font-size:2rem;white-space:nowrap}.header-container p{font-size:1.2rem;max-width:70%;margin-right:50px}@media (max-width: 768px){.header-container{flex-direction:column;text-align:center}.header-container h1{font-size:1.8rem}.header-container p{max-width:90%}}.theme-switch-container{position:fixed;top:15px;right:15px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.theme-icon{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.5rem;box-shadow:0 4px 6px #0000001a;transition:background .3s ease,transform .3s ease}.theme-icon:after{content:attr(data-tooltip);position:absolute;top:100%;left:40%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translate(-50%) translateY(-5px)}.theme-icon:hover{background:var(--secondary-color);transform:scale(1.1)}.theme-icon:hover:after{opacity:1;transform:translate(-60%) translateY(0)}.theme-box{position:absolute;top:50px;right:0;background:var(--primary-color);padding:15px;border-radius:10px;box-shadow:0 4px 6px #0003;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.theme-switch-container.open .theme-box{opacity:1;transform:translateY(0);pointer-events:auto}.theme-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.theme-switch .slider{width:50px;height:25px;background:var(--secondary-color);border-radius:15px;position:relative;transition:background .3s ease;box-shadow:0 4px 6px #0000001a}.theme-switch .slider:before{content:"";width:23px;height:23px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s ease,background .3s ease}.theme-switch input:checked+.slider{background:var(--primary-color)}.theme-switch input:checked+.slider:before{transform:translate(25px);background:var(--secondary-color)}footer{border-top:1px solid;text-align:center}footer a{color:var(--primary-color);text-decoration:none;font-weight:700}.footer-btn{margin-top:1rem;background:var(--secondary-color);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:5px;cursor:pointer;transition:background .3s}.footer-btn:hover{background:var(--primary-color)}.footer-content{display:flex;flex-direction:column;align-items:center}.footer-row{display:flex}@media (max-width: 480px){.footer-row{flex-direction:column;text-align:center}}.cookie-modal{display:none;position:fixed;z-index:9999;width:100%;height:100%;top:0;left:0;overflow:auto;background-color:#0003}.cookie-modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;border-radius:8px;width:80%;max-width:400px;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 8px #0003}.accept-btn{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:5px;font-size:16px}@media (max-width: 768px){.cookie-modal-content{bottom:20px;left:50%;transform:translate(-50%);right:auto}}.close-btn{color:#aaa;font-size:28px;font-weight:700;float:right}.close-btn:hover,.close-btn:focus{color:#000;text-decoration:none;cursor:pointer}