.container{width:1250px;margin:0;padding:0}.card{width:300px;height:450px;padding-top:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}.card-body{padding:10px}.card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003;cursor:pointer}.card img{width:200px;height:200px;border-radius:15px;object-fit:cover}.parent-m{display:flex;flex-direction:column;justify-content:center;border-radius:20px;width:95%;height:600px;margin-left:50px}.card-ota{display:flex;flex-wrap:wrap;justify-content:center}.sarlavha{text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.App{overflow-x:hidden}.language-switcher{position:fixed;top:20px;right:20px;z-index:1001;display:flex;gap:5px;background:#ffffffe6;padding:5px;border-radius:20px;box-shadow:0 2px 10px #0000001a}.language-switcher button{padding:5px 10px;border:none;background:transparent;cursor:pointer;border-radius:15px;font-weight:600;transition:all .3s}.language-switcher button.active{background:#3498db;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;width:100%;background:#fff;z-index:1000;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.nav{display:flex;gap:20px}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:#2c3e50}.nav a{text-decoration:none;color:#2c3e50;font-weight:500;transition:color .3s}.nav a:hover{color:#3498db}.cta-button.primary{background:transparent;border:2px solid #3498db;color:#3498db;transition:all .3s}.cta-button.secondary{background:#3498db;border:2px solid #3498db;color:#fff;transition:all .3s}.cta-button.primary:hover{background:#3498db;color:#fff}.cta-button.secondary:hover{background:transparent;color:#3498db}.cta-button.small{padding:.5rem 1rem;font-size:.9rem}.hero{width:100%;height:100vh;display:flex;align-items:center;background:url(https://images.pexels.com/photos/704930/pexels-photo-704930.jpeg);background-size:cover;background-position:center;color:#fff;padding-top:80px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:3rem;margin-bottom:1rem;line-height:1.2;font-weight:800;margin:0 auto;padding-bottom:15px}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center}.hero-content{max-width:750px;background:blur (5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:20px auto 20px 200px;padding:25px 20px;border-radius:20px}.about{padding:5rem 0;background:#f8f9fa;position:relative}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative}.about-text h2{margin-bottom:1.5rem;color:#2c3e50}.about-text p{margin-bottom:1rem;font-size:1.1rem}.about-image{position:relative}.about-image img{width:100%;border-radius:15px}.swiper{position:absolute;top:50%;left:-100px;width:1350px;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.swiper button{pointer-events:all;background-color:#007bffb3;border:none;color:#fff;font-size:24px;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #007bff80}.swiper button:hover{background-color:#007bff;box-shadow:0 6px 18px #007bffb3}.radio{display:flex;justify-content:center;gap:10px;margin-top:15px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.radio input[type=radio]{display:none}.radio input[type=radio]:checked:after{display:none}.sarlavha{text-align:center;margin-bottom:2rem;color:#2c3e50}.cta-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.cta-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff80}.benefits{padding:5rem 0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s}.benefit-card:hover{transform:translateY(-10px)}.benefit-icon{font-size:3rem;margin-bottom:1rem;color:#3498db}.benefit-icon svg{width:3rem;height:3rem}.benefit-card h3{margin-bottom:1rem;color:#2c3e50}.courses{padding:5rem 0;background:#f8f9fa}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.course-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s}.course-card:hover{transform:translateY(-10px)}.course-card h3{margin-bottom:1rem;color:#2c3e50}.testimonials{padding:5rem 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center}.testimonial-card p{font-style:italic;margin-bottom:1rem;color:#555}.testimonial-card h4{color:#2c3e50;font-weight:600}.contact{padding:5rem 0;background:#f8f9fa}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.form-group textarea{resize:vertical;min-height:120px}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{font-size:1.5rem}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-logo{font-size:1.5rem;font-weight:700}.footer-links,.footer-social{display:flex;flex-direction:column;gap:.5rem}.footer-links a,.footer-social a{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-links a:hover,.footer-social a:hover{color:#3498db}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e}@media(max-width:768px){.language-switcher{top:35px;right:10px}.header .container{flex-direction:column;gap:1rem}.nav{gap:1rem}.hero .container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.benefits-grid,.courses-grid,.testimonials-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}}.contact-icon svg{width:1.5rem;height:1.5rem}.footer{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#333;padding:50px 20px 20px;width:95%;margin:50px auto;border-radius:20px;box-shadow:0 10px 30px #00000059}.footer-container{max-width:1100px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-section h3{font-size:20px;margin-bottom:15px;position:relative}.footer-section h3:after{content:"";width:40px;height:3px;background:#007bff;position:absolute;left:0;bottom:-6px;border-radius:5px}@media(max-width:1024px){.footer-section h3:after{left:50%;transform:translate(-50%)}}.footer-section p{max-width:260px;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin:10px 0}.footer-section a{text-decoration:none;color:#007bff;transition:.3s;font-weight:500}.footer-section a:hover{color:#fff;background:#007bff;padding:4px 8px;border-radius:6px}.footer-bottom{text-align:center;border-top:1px solid rgba(0,0,0,.1);margin-top:30px;padding-top:15px;font-size:14px}.hero-content{color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0f1ecc;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.modal-box{background:#ffffffe6;padding:50px 40px;border-radius:30px;width:90%;max-width:420px;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 20px #3b82f633;border:1px solid rgba(255,255,255,.4);text-align:center;display:flex;flex-direction:column;gap:20px;animation:modalScale .4s cubic-bezier(.175,.885,.32,1.275)}.modal-box h2{font-size:2.2rem;font-weight:800;margin-bottom:10px;background:#3b82f6;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.modal-box input{width:100%;padding:16px 20px;border-radius:15px;border:2px solid #e5e7eb;background:#f9fafb;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.modal-box input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 5px #3b82f626;transform:scale(1.02)}.cta-button{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:transform .3s}.cta-button:hover{transform:translateY(-2px)}.cta-button:active{transform:translateY(1px)}.modal-close{background:transparent;border:none;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s;text-decoration:underline;margin-top:5px}.modal-close:hover{color:#1e293b}.card-d{width:300px;height:450px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.card-d h1{line-height:normal;padding-top:5px}.card-d p{margin-top:10px;font-size:1rem;color:#555}.card-d img{width:200px;height:250px;border-radius:15px;object-fit:cover;border:2px solid #e5e7eb}.biz{display:flex;gap:20px;justify-content:center}.biz2{display:flex;gap:20px;justify-content:center;margin-top:20px}.biz2 button{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:transform .3s}.x-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-right:100%;position:absolute;position:relative;bottom:650px;z-index:1;left:1100px}.imgbox{display:flex;text-align:center;justify-content:center;gap:100px;flex-wrap:wrap}.imgbox .img1{max-width:450px}.imgbox .img1 img{width:100%;max-width:Responsive}.x-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:absolute;bottom:650px;left:1350px;z-index:1}.x-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff80}.imgbox{display:flex;justify-content:center;align-items:center;gap:100px;flex-wrap:wrap;text-align:center}.imgbox .img1{max-width:450px;flex:1 1 300px}.imgbox .img1 img{width:100%;height:auto}.sertifikat-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0f1ecc;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}header img{width:100px;height:auto;object-fit:cover;display:flex;align-items:center}@media(max-width:1024px){.x-button{bottom:85%;left:92%;transform:translate(-50%)}.imgbox{gap:50px}.imgbox .img1{max-width:350px}}@media(max-width:480px){.x-button{bottom:90%;left:90%;transform:translate(-50%);padding:8px 16px;font-size:14px}.imgbox{flex-direction:column;gap:30px}.imgbox .img1{width:100%;max-width:200px}}@media(max-width:768px){.biz{flex-wrap:wrap;gap:15px}.card-d{width:260px;height:auto}.card-d img{width:180px;height:220px}}@media(max-width:480px){.biz{flex-direction:column;align-items:center}header button{display:none}header nav a{display:none}header{display:flex;align-items:center}header img{width:80px;height:auto;display:flex;position:relative;left:-100px}.card-d{width:90%;height:auto}.card-d img{width:160px;height:200px}.biz2{flex-direction:column;align-items:center}.biz2 button{width:200px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.modal-box{padding:35px 25px;margin:15px}}@media(max-width:1024px){.container{width:90%;max-width:100%}.hero-content{margin-left:0;text-align:center}.hero-title{font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:40px}.contact-content{grid-template-columns:1fr}.swiper{width:100%;top:105%;left:0;padding:0 10px}.parent-m{margin-left:0;height:auto}.card{width:260px}header img{width:80px;height:auto}header{display:flex;align-items:center}header nav a{display:none}header button{display:none}}@media(max-width:768px){.swiper-about,.swiper{top:105%}.container{width:95%;padding:0 10px}.header .container{flex-direction:column;gap:10px}.nav{flex-wrap:wrap;justify-content:center;gap:12px}.nav a{font-size:14px}.hero{height:auto;padding:120px 0 80px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;gap:10px}.hero-content{margin-left:0;padding:20px}.about-content{grid-template-columns:1fr}.about-text{text-align:center}.about-image img{width:100%}.swiper{width:100%;left:0;padding:0 10px}.swiper button{width:38px;height:38px;font-size:18px}.radio{bottom:-20px}.benefits-grid,.courses-grid,.testimonials-grid{grid-template-columns:1fr}.card-ota{flex-direction:column;align-items:center}.card{width:90%;max-width:320px}.card img{width:100%;height:180px}.footer-container{flex-direction:column;text-align:center}.footer-section p{max-width:100%}}@media(max-width:480px){.hero-title{font-size:1.7rem}.hero-subtitle{font-size:.9rem}.logo{font-size:1.3rem}.nav{gap:8px}.nav a{font-size:13px}.cta-button{padding:8px 16px;font-size:14px}.about-text p{font-size:.95rem}.modal-box{width:95%;padding:30px 20px}}.section-title{text-align:center;padding-bottom:30px}.about-image{width:500px;height:350px;flex-shrink:0;overflow:hidden;border-radius:16px}.about-image img{width:100%;height:100%;object-fit:cover;display:block}.about-text p{white-space:pre-line}