@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto;max-width:100%}body{max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;float:right}.logo span{color:#f39c12}nav ul{display:flex;list-style:none}nav ul li{margin-left:1.5rem}nav ul li a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s;padding:.5rem 0;position:relative}nav ul li a:hover{color:#f39c12}nav ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#f39c12;transition:width .3s}nav ul li a:hover:after{width:100%}.menu-toggle{display:none;cursor:pointer;font-size:1.5rem}.hero{background:url(https://ongrad.ru/media/pictures/complexpromophoto/1280x800/53/45/d0/5345d0a6672a2a724667aeeaf4dceb18.jpg) center/cover no-repeat;height:60vh;display:flex;align-items:center;text-align:center;color:#fff;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.hero-content{position:relative;z-index:1;width:100%}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto 2rem}.btn{display:inline-block;background:#f39c12;color:#fff;padding:.8rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s;border:none;cursor:pointer}.btn:hover{background:#e67e22;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.services{padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{font-size:2.5rem;color:#2c3e50;position:relative;display:inline-block;padding-bottom:1rem}.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:#f39c12}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.service-img{height:200px;overflow:hidden}.service-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-card:hover .service-img img{transform:scale(1.1)}.service-content{padding:1.5rem}.service-content h3{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}.about{padding:5rem 0;background:#f1f1f1}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-img{border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.about-img img{width:100%;height:auto;display:block}.about-text h2{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem}.about-text p{margin-bottom:1.5rem}.pricing{padding:5rem 0}.pricing-table{width:100%;border-collapse:collapse;margin-top:2rem;box-shadow:0 5px 15px #0000001a;border-radius:10px;overflow:hidden}.pricing-table th,.pricing-table td{padding:1.2rem 1.5rem;text-align:left;border-bottom:1px solid #eee}.pricing-table th{background-color:#2c3e50;color:#fff;font-weight:500}.pricing-table tr:nth-child(2n){background-color:#f8f8f8}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:hover{background-color:#f1f1f1}.price{font-weight:700;color:#f39c12;font-size:1.2rem}.portfolio{padding:5rem 0;background:#f1f1f1}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.portfolio-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;height:250px}.portfolio-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;color:#fff;padding:1rem;text-align:center}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-img{transform:scale(1.1)}.portfolio-overlay h3{font-size:1.5rem;margin-bottom:.5rem}footer{background:#2c3e50;color:#fff;padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-column h3{font-size:1.3rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:#f39c12}.footer-column p{margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#f39c12}.contact-info{list-style:none}.contact-info li{margin-bottom:1rem;display:flex;align-items:flex-start}.contact-info i{margin-right:.8rem;color:#f39c12}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s}.social-links a:hover{background:#f39c12;transform:translateY(-3px)}.copyright{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#aaa}.page-header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:4rem 0;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:1rem}.breadcrumb{display:flex;justify-content:center;list-style:none;font-size:.9rem}.breadcrumb li{margin:0 .5rem}.breadcrumb li:not(:last-child):after{content:"/";margin-left:1rem;color:#ddd}.breadcrumb a{color:#f39c12;text-decoration:none}.page-content{padding:4rem 0}.more-podrobno{display:flex;justify-content:center}@media (max-width: 992px){.about-content{grid-template-columns:1fr}.about-img{max-width:600px;margin:0 auto}}@media (max-width: 888px){nav{display:none}}@media (max-width: 890px){.header-container{display:flex;justify-content:center;align-items:center}}@media (max-width: 890px){nav{display:none;position:fixed;top:70px;left:-100%;width:80%;height:calc(100vh - 70px);background:#2c3e50;transition:left .3s;padding:2rem;z-index:99}}@media (max-width: 768px){.menu-toggle{display:block}nav.active{left:0}nav ul{flex-direction:column}nav ul li{margin:1rem 0}.hero h1{font-size:2.5rem}.section-title h2,.about-text h2{font-size:2rem}}@media (max-width: 576px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.btn{padding:.6rem 1.5rem}.page-header h1{font-size:2rem}}aside{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:1000}aside.open{left:0}.sidebar-content{padding:20px}nav{display:flex;flex-direction:column;gap:15px}a{color:#333;text-decoration:none;font-size:1.1rem;padding:8px 0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}aside.open+.sidebar-overlay{opacity:1;pointer-events:all}p{color:#122d3f;font-size:18px;line-height:24px;letter-spacing:normal;font-weight:400}