@use 'sass:color';body{background-color:#1e1e1e;color:#f5f5f5;font-family:'Segoe UI', sans-serif;margin:0;padding:0}header{background-color:#2e2e2e;padding:0.6rem 2rem}header .header-wrapper{display:flex;justify-content:space-between;align-items:center}header .logo{display:flex;align-items:center}header .logo img{width:100px;height:auto;margin-right:0.5rem}header .logo span{color:#5eead4;font-size:1.2rem;margin-left:0.3rem}header nav{display:flex;align-items:center;position:relative}header nav .burger{display:none;cursor:pointer}header nav .burger img{width:35px;height:35px;filter:brightness(0) saturate(100%) invert(78%) sepia(13%) saturate(685%) hue-rotate(116deg) brightness(95%) contrast(95%)}header .nav-links{display:flex;gap:0.5rem;list-style:none}header .nav-links li a{position:relative;color:#f5f5f5;text-decoration:none;padding:0.5rem 0.5rem;transition:color 0.3s ease}header .nav-links li a::after{content:"";position:absolute;bottom:-4px;left:0;height:2px;width:0%;background-color:#d1b36d;transition:width 0.3s ease}header .nav-links li a:hover::after,header .nav-links li a.active::after{width:100%}header .nav-links li a:hover{color:#5eead4}@media (max-width: 768px){header{padding:0.8rem 1rem}header nav{flex-direction:column;align-items:flex-end}header nav .burger{display:block;margin-bottom:0.5rem;margin-top:0.5rem}header nav .nav-links{display:none;flex-direction:column;align-items:flex-end;gap:1rem;position:absolute;top:100%;right:0;background-color:#2e2e2e;padding:1rem 1.5rem;border-radius:0.5rem;z-index:1000;width:200px}header nav .nav-links.active{display:flex}header nav .nav-links li a{font-size:1.1rem;padding:0.4rem 0.4rem}header nav .nav-links li a::after{bottom:-2px}header .logo img{width:50px}header .logo span{font-size:1.1rem}.buttons-wrapper{flex-direction:column;gap:0.8rem}.btn{text-align:center;padding:0.8rem 1rem;font-size:1rem}.btn-lang{width:100%;padding:0.8rem 1rem;font-size:1rem;border-width:2px}main{padding:2rem 1rem}main h1{font-size:2rem}main h2{font-size:1rem;max-width:90%}}.main-hero{position:relative;width:100%;height:100vh;display:flex;overflow:hidden;background-color:#0d0d0d}.main-hero .left-side,.main-hero .right-side{width:50%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;padding:3rem;color:#fff}.main-hero .left-side{background:linear-gradient(to bottom, rgba(20,20,20,0.85), rgba(0,0,0,0.9)),url("/assets/img/web_left.jpg") center/cover no-repeat;text-align:left}.main-hero .right-side{background:linear-gradient(to top, rgba(20,20,20,0.85), rgba(0,0,0,0.9)),url("/assets/img/3d_right.jpg") center/cover no-repeat;text-align:right}.main-hero .left-side h1,.main-hero .right-side h1{font-size:2.8rem;color:#5eead4;max-width:450px;line-height:1.2}.main-hero .left-side p,.main-hero .right-side p{font-size:1.2rem;max-width:420px;margin-top:1rem;opacity:0.85}.main-hero .center-photo{background-image:url("/assets/img/heart.png");position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:360px;height:360px;border-radius:50%;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,0.6),0 0 15px #5eead4;display:flex}.main-hero .photo-caption{position:absolute;top:calc(50% + 220px);left:50%;transform:translateX(-50%);font-size:1rem;color:#cfcfcf;letter-spacing:1px;text-transform:uppercase;text-align:center;opacity:0.9}@media (max-width: 1024px){.main-hero .left-side h1,.main-hero .right-side h1{font-size:2rem}.main-hero .center-photo{width:300px;height:300px}}@media (max-width: 768px){.main-hero{flex-direction:column}.main-hero .left-side,.main-hero .right-side{width:80%;height:50vh;text-align:center}.main-hero .center-photo{display:none;top:auto;bottom:2rem;left:50%;transform:translateX(-50%);width:280px;height:280px}.main-hero .photo-caption{display:none;top:auto;bottom:0.5rem}}footer{background-color:#2e2e2e;text-align:center;padding:2rem 1rem;font-size:0.9rem;color:#d1b36d}footer p{margin:0.5rem 0}footer .created-by{font-size:0.8rem;color:#e9dbbb;margin-top:0.5rem;font-style:italic}footer .social-icons{margin-top:1rem}footer .social-icons a{color:#d1b36d;font-size:1.5rem;margin:0 0.5rem;transition:color 0.3s ease}footer .social-icons a:hover{color:#5eead4}.buttons-wrapper{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;margin-top:2rem;margin-bottom:2rem}.btn{display:inline-block;margin-bottom:1rem;padding:0.6rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all 0.3s ease-in-out}.btn-gallery{background-color:#d1b36d;color:#111}.btn-gallery:hover{background-color:transparent;color:#d1b36d;border-color:#d1b36d}.btn-lang{background-color:transparent;border:2px solid #d1b36d;border-radius:6px;color:#d1b36d}.btn-lang:hover{background-color:#d1b36d;color:#111}@media (max-width: 768px){.buttons-wrapper{flex-direction:column;gap:0.8rem;flex-wrap:nowrap;margin-bottom:auto}.btn{text-align:center}}.gallery-page{min-height:80vh;background-image:url("/assets/img/background7.jpg");background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 1rem}.gallery-page .gallery-blocks{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;width:100%;max-width:1200px;margin:0 auto}.gallery-page .gallery-block{background-color:rgba(255,255,255,0.1);border:2px solid #d1b36d;border-radius:12px;padding:1.5rem;color:#f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:transform 0.3s ease}.gallery-page .gallery-block:hover{transform:scale(1.03);border-color:#5eead4}.gallery-page .gallery-block img{width:100%;border-radius:8px;margin-bottom:1rem}@media (max-width: 991px){.gallery-page .gallery-blocks{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.gallery-page .gallery-blocks{grid-template-columns:1fr}}.category-page{min-height:80vh;background-image:url("/assets/img/background13.jpg");background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;padding:4rem 1rem;text-align:center}.category-page .category-overlay{background-color:rgba(30,30,30,0.85);padding:2rem;border-radius:1rem;width:100%;max-width:1200px;color:#f5f5f5}.category-page h1{font-size:2.5rem;margin-bottom:1rem;color:#5eead4}.category-page h1::after{content:"";display:block;height:3px;background:#d1b36d;margin:0.5rem auto 2rem;width:60%}.category-page p.description{font-size:1.2rem;margin-bottom:2rem;color:#f5f5f5}.category-page .image-gallery{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;width:100%;max-width:1000px;margin:0 auto}.category-page .image-gallery a{display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:rgba(255,255,255,0.05);border:2px solid #d1b36d;border-radius:12px;padding:1rem;text-decoration:none;color:inherit;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:transform 0.3s ease, border-color 0.3s ease}.category-page .image-gallery a:hover{transform:scale(1.03);border-color:#5eead4}.category-page .image-gallery a img{width:100%;border-radius:8px;margin-bottom:0.8rem;transition:transform 0.3s ease;flex-shrink:0}.category-page .image-gallery a p.description{font-size:1rem;margin:0;color:#f5f5f5;flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center}.category-page .btn-back{display:inline-block;margin-top:3rem;padding:0.6rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid transparent;background-color:#d1b36d;color:#111;transition:all 0.3s ease-in-out}.category-page .btn-back:hover{background-color:transparent;color:#d1b36d;border-color:#d1b36d}@media (max-width: 768px){.category-page h1{font-size:2rem}.category-page p.description{font-size:1rem}.category-page .image-gallery{grid-template-columns:1fr}}.about-page{background-color:#1e1e1e;color:#f5f5f5;padding:4rem 1.5rem;min-height:100vh}.about-page .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;box-sizing:border-box}.about-page .about-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.about-page .about-photo{flex:1 1 300px;max-width:350px}.about-page .about-photo img{width:100%;height:auto;border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,0.4);border:3px solid #d1b36d}.about-page .about-content{flex:2 1 500px;text-align:left}.about-page .about-content h1{font-size:2.5rem;color:#5eead4;margin-bottom:1.5rem}.about-page .about-content h2{font-size:1.4rem;color:#d1b36d;margin-top:1.5rem}.about-page .about-content p{font-size:1.1rem;line-height:1.6;margin:0.5rem 0 1.5rem}.about-page .about-content .about-quote{font-style:italic;border-left:4px solid #d1b36d;padding:1.2rem 1rem;background-color:#2e2e2e;color:#5eead4;border-radius:0.5rem;margin:2rem 0}@media (max-width: 900px){.about-page .about-wrapper{flex-direction:column;align-items:center;text-align:center}.about-page .about-content{text-align:center}.about-page .about-content h1,.about-page .about-content h2{text-align:center}.about-page .about-content .about-quote{text-align:center}}.about-page .buttons-wrapper{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.about-page .buttons-wrapper .btn{padding:0.6rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;min-width:200px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all 0.3s ease-in-out}.about-page .buttons-wrapper .btn-gallery{background-color:#d1b36d;color:#111}.about-page .buttons-wrapper .btn-gallery:hover{background-color:transparent;color:#d1b36d;border-color:#d1b36d}@media (max-width: 768px){.about-page .buttons-wrapper{flex-direction:column;align-items:center}.about-page .buttons-wrapper .btn{max-width:50%}}.contact-page{padding:4rem 1rem;min-height:100vh;background-color:#1e1e1e;color:#f5f5f5}.contact-page h1{font-size:2.5rem;color:#5eead4;margin-bottom:1rem;text-align:center}.contact-page p{font-size:1.1rem;line-height:1.6;text-align:center;margin-bottom:2rem}.contact-page .contact-info{margin-bottom:3rem;text-align:center}.contact-page .contact-info a{color:#d1b36d;text-decoration:none}.contact-page .contact-info a:hover{text-decoration:underline}.contact-page .contact-info p{margin:0.3rem 0}.contact-page form{max-width:600px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.contact-page form input,.contact-page form textarea{width:100%;padding:0.8rem;margin-bottom:1.2rem;border-radius:6px;border:1px solid #d1b36d;font-size:1rem;background-color:#2e2e2e;color:#000;box-sizing:border-box}.contact-page form button{width:100%;background-color:#d1b36d;color:#111;padding:0.8rem;font-weight:bold;border:none;border-radius:6px;cursor:pointer;transition:0.3s}.contact-page form button:hover{background-color:transparent;color:#d1b36d;border:2px solid #d1b36d}.thank-page{min-height:80vh;background-image:url("/assets/img/bg4.jpg");background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 1rem;color:#f5f5f5}.thank-page .thank-overlay{background-color:rgba(30,30,30,0.85);padding:3rem 2rem;border-radius:1rem;max-width:800px;width:100%;box-shadow:0 0 25px rgba(0,0,0,0.6)}.thank-page h1{font-size:3rem;color:#5eead4;margin-bottom:1.5rem;position:relative}.thank-page h1::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:3px;background-color:#d1b36d}.thank-page p{font-size:1.3rem;max-width:600px;line-height:1.6;margin:0 auto 2rem}.thank-page .thank-page-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.thank-page .thank-page-buttons .btn-back{padding:0.8rem 1.5rem;background-color:#5eead4;color:#1e1e1e;border-radius:0.5rem;text-decoration:none;font-weight:bold;transition:background-color 0.3s ease;min-width:220px;text-align:center}.thank-page .thank-page-buttons .btn-back:hover{background-color:#31e4c8}@media (max-width: 768px){.thank-page h1{font-size:2rem}.thank-page p{font-size:1.1rem}.thank-page .thank-page-buttons{flex-direction:column;align-items:center}}.project-page{min-height:80vh;background-image:url("/assets/img/bg3.jpg");background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:4rem 1rem}.project-page .project-overlay{background-color:rgba(30,30,30,0.85);padding:2rem;border-radius:1rem;max-width:1000px;width:100%;color:#f5f5f5;text-align:center}.project-page h1{font-size:2.5rem;margin-bottom:1rem;color:#5eead4}.project-page h1::after{content:"";display:block;height:3px;background:#d1b36d;margin:0.5rem auto 1rem;width:60%}.project-page p{font-size:1.2rem;margin-bottom:2rem;color:#f5f5f5}.project-page .tags{margin-bottom:2rem;margin-top:2rem}.project-page .tags .tag{display:inline-block;background:#5eead4;color:#1e1e1e;border-radius:1rem;padding:0.4rem 1rem;margin:0.2rem;font-size:0.85rem}.project-page .image-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.project-page .image-gallery img{width:100%;border-radius:0.5rem;box-shadow:0 0 8px rgba(0,0,0,0.4);transition:transform 0.3s ease-in-out}.project-page .image-gallery img:hover{transform:scale(1.05);border:2px solid #5eead4;border-radius:12px}.project-page .btn-back{display:inline-block;padding:0.6rem 1.2rem;margin-bottom:1rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all 0.3s ease-in-out;background-color:#d1b36d;color:#111}.project-page .btn-back:hover{background-color:transparent;color:#d1b36d;border-color:#d1b36d}@media (max-width: 768px){.project-page h1{font-size:2rem}.project-page p{font-size:1rem}.project-page .image-gallery img{max-width:100%}}.shorts-container{position:relative;width:auto;height:100vh;aspect-ratio:9 / 16;max-width:100%;margin:0 auto}.shorts-container iframe{position:absolute;width:100%;height:100%;border:0;top:0;left:0}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;max-width:100%;margin:0 auto}.video-container iframe{position:absolute;width:100%;height:100%;border:0;top:0;left:0}.error-page{min-height:80vh;background-image:url("/assets/img/bg14.jpg");background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 1rem;color:#f5f5f5}.error-page .error-overlay{background-color:rgba(30,30,30,0.85);padding:3rem 2rem;border-radius:1rem;max-width:800px;width:100%;box-shadow:0 0 25px rgba(0,0,0,0.6)}.error-page h1{font-size:3rem;color:#5eead4;margin-bottom:1.5rem;position:relative}.error-page h1::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:3px;background-color:#d1b36d}.error-page p{font-size:1.3rem;max-width:600px;line-height:1.6;margin:0 auto 2rem}.error-page .error-page-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.error-page .error-page-buttons .btn-back{padding:0.8rem 1.5rem;background-color:#5eead4;color:#1e1e1e;border-radius:0.5rem;text-decoration:none;font-weight:bold;transition:background-color 0.3s ease;min-width:220px;text-align:center}.error-page .error-page-buttons .btn-back:hover{background-color:#31e4c8}@media (max-width: 768px){.error-page h1{font-size:2rem}.error-page p{font-size:1.1rem}.error-page .error-page-buttons{flex-direction:column;align-items:center}}.services-page{min-height:80vh;background:linear-gradient(to bottom right, rgba(10,10,10,0.7), rgba(20,20,20,0.85)),url("/assets/img/bg14.jpg");background-size:cover;background-position:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;text-align:center;padding:5rem 1rem;color:#f5f5f5;gap:2.5rem}.services-page .services-overlay{background:rgba(25,25,25,0.7);backdrop-filter:blur(6px);padding:2.5rem 2rem;border-radius:1.2rem;box-shadow:0 0 35px rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.08);transition:transform 0.3s ease, box-shadow 0.3s ease;flex:0 0 30%;max-width:30%;width:30%;text-align:left}.services-page .services-overlay:hover{transform:translateY(-6px);box-shadow:0 0 45px rgba(0,0,0,0.7)}.services-page h1{font-size:3.2rem;font-weight:700;color:#5eead4;letter-spacing:0.5px;margin-bottom:2rem;position:relative;text-align:center}.services-page h1::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;width:60%;height:3px;background:linear-gradient(90deg, #d1b36d, #e3d1a7);border-radius:3px}.services-page h2,.services-page h3{font-size:1.9rem;margin-bottom:1rem;text-align:center;letter-spacing:0.3px}.services-page h3{color:#d1b36d;text-shadow:0 0 8px rgba(209,179,109,0.4)}.services-page p{font-size:1.2rem;max-width:600px;line-height:1.7;margin:0 auto 2rem;color:#fff}.services-page .services-page-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.services-page .services-page-buttons .btn-back{padding:0.9rem 1.7rem;background-color:#5eead4;color:#1e1e1e;border-radius:0.6rem;text-decoration:none;font-weight:600;letter-spacing:0.7px;transition:background-color 0.3s ease, transform 0.25s ease;min-width:220px;text-align:center}.services-page .services-page-buttons .btn-back:hover{background-color:#31e4c8;transform:translateY(-3px)}@media (max-width: 1024px){.services-page .services-overlay{flex:0 0 46%;max-width:46%;width:46%}}@media (max-width: 768px){.services-page{padding:3rem 1rem}.services-page h1{font-size:2.3rem}.services-page p{font-size:1.1rem}.services-page .services-overlay{flex:0 0 100%;max-width:100%;width:100%;text-align:center}.services-page .services-page-buttons{flex-direction:column;align-items:center}}