*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#0066cc;--secondary:#004d99;--accent:#00aaff;--dark:#1a1a1a;--light:#f8f9fa;--white:#ffffff;--gray:#6c757d}
body{font-family:'Poppins',sans-serif;color:var(--dark);line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:700}
.navbar{background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,0.1);padding:1rem 0;transition:all 0.3s}
.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--primary)!important;display:flex;flex-direction:column;line-height:1.2}
.navbar-brand .subtitle{font-size:0.7rem;font-weight:400;color:var(--gray)}
.nav-link{color:var(--dark)!important;font-weight:500;padding:0.5rem 1rem!important;transition:color 0.3s}
.nav-link:hover{color:var(--primary)!important}
.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);overflow:hidden}
.hero-content{position:relative;z-index:2;color:var(--white);padding:2rem 0}
.hero-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;animation:fadeInUp 1s}
.hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);margin-bottom:2rem;opacity:0.95;animation:fadeInUp 1s 0.3s both}
.btn-primary{background:var(--accent);border:none;padding:1rem 2.5rem;font-weight:600;border-radius:50px;transition:all 0.3s;box-shadow:0 4px 15px rgba(0,170,255,0.3)}
.btn-primary:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,102,204,0.4)}
.btn-outline{background:transparent;border:2px solid var(--white);color:var(--white);padding:1rem 2.5rem;font-weight:600;border-radius:50px;transition:all 0.3s}
.btn-outline:hover{background:var(--white);color:var(--primary)}
.section-padding{padding:5rem 0}
.section-subtitle{color:var(--accent);font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:inline-block}
.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem;color:var(--dark)}
.section-description{font-size:1.1rem;color:var(--gray);max-width:800px;margin:0 auto 3rem}
.service-card{background:var(--white);padding:2.5rem;border-radius:15px;transition:all 0.3s;height:100%;box-shadow:0 5px 20px rgba(0,0,0,0.08)}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.15)}
.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;color:var(--white)}
.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark)}
.service-card p{color:var(--gray)}
.price-card{background:var(--white);padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);height:100%;transition:all 0.3s;border:2px solid transparent}
.price-card:hover{border-color:var(--accent);transform:translateY(-5px)}
.price-card h3{color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem}
.price{font-size:2.5rem;font-weight:700;color:var(--dark);margin:1rem 0}
.price-card ul{list-style:none;padding:0}
.price-card li{padding:0.8rem 0;border-bottom:1px solid #eee}
.price-card li:before{content:"✓";color:var(--accent);font-weight:700;margin-right:0.5rem}
.contact-info{background:var(--light);padding:2rem;border-radius:15px;height:100%}
.contact-item{margin-bottom:2rem}
.contact-item h5{color:var(--primary);font-weight:600;margin-bottom:0.5rem}
.contact-item p{color:var(--dark);margin:0}
.contact-item a{color:var(--primary);text-decoration:none;font-weight:500}
.faq-item{background:var(--white);padding:1.5rem;border-radius:10px;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.faq-question{font-weight:600;color:var(--dark);margin-bottom:0.5rem}
.faq-answer{color:var(--gray)}
.footer{background:var(--dark);color:var(--white);padding:3rem 0 1rem}
.footer h5{color:var(--white);margin-bottom:1.5rem;font-size:1.2rem}
.footer p,.footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s}
.footer a:hover{color:var(--accent)}
.footer-legal{list-style:none;padding:0;display:flex;gap:1.5rem;margin:0;justify-content:flex-end}
.stats-row{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}
.stat-item{flex:1;min-width:150px}
.stat-item h3{font-size:2.5rem;color:var(--primary);margin-bottom:0.5rem}
.stat-item p{color:var(--gray)}
.vehicle-frame{position:relative;width:100%;background:#e8f4f8;border-radius:15px;overflow:hidden;padding:2rem}.vehicle-img{width:100%;max-width:500px;display:block;margin:0 auto;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.2);object-fit:cover}.vehicle-img--hero{height:clamp(360px,45vw,560px);object-position:center 42%}.vehicle-img--about{height:clamp(320px,42vw,520px);object-position:center}
.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--primary);color:var(--white);border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.3);transition:all 0.3s;z-index:1000}
.scroll-to-top:hover{background:var(--accent);transform:translateY(-3px)}
.map-container{height:400px;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1)}
.language-switcher{min-width:120px}
.recruitment-section{background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)}
.recruitment-card{background:var(--white);border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.08);height:100%}
.recruitment-list{list-style:none;padding:0;margin:1.5rem 0 0}
.recruitment-list li{padding:0.75rem 0;border-bottom:1px solid #eef2f5;color:var(--dark)}
.recruitment-list li:before{content:"✓";color:var(--accent);font-weight:700;margin-right:0.75rem}
.recruitment-badge{display:inline-block;background:rgba(0,170,255,0.12);color:var(--primary);padding:0.5rem 1rem;border-radius:999px;font-size:0.9rem;font-weight:600;margin-bottom:1rem}
.application-form .form-control,.application-form .form-select{border-radius:12px;padding:0.9rem 1rem;border:1px solid #dbe3ea}
.application-form .form-control:focus,.application-form .form-select:focus{border-color:var(--accent);box-shadow:0 0 0 0.2rem rgba(0,170,255,0.15)}
.application-form .form-label{font-weight:600;color:var(--dark);margin-bottom:0.4rem}
.form-note{font-size:0.95rem;color:var(--gray)}
.dual-cta-card{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:var(--white);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.12)}
.dual-cta-card h3{color:var(--white)}
.dual-cta-card p{color:rgba(255,255,255,0.92)}
.contact-cta-link{display:inline-flex;align-items:center;justify-content:center;padding:0.85rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;border:2px solid var(--primary);color:var(--primary);transition:all 0.3s}
.contact-cta-link:hover{background:var(--primary);color:var(--white)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){.hero-section{min-height:80vh}.section-padding{padding:3rem 0}.stats-row{gap:1rem}.stat-item{min-width:100px}.footer-legal{justify-content:flex-start;margin-top:1rem}.vehicle-frame{padding:1rem}.vehicle-img--hero,.vehicle-img--about{height:380px}}
.nav-link.active{color:var(--primary)!important}
body > section.section-padding:first-of-type{padding-top:8rem}
.alert{border-radius:12px}.admin-panel{max-width:980px;margin:7rem auto 4rem}.admin-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);padding:2rem}.admin-log-list{display:grid;gap:1rem}.admin-log-entry{border:1px solid #dbe3ea;border-radius:12px;padding:1rem;background:#f8fbff}.admin-log-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:0.5rem;color:var(--primary)}.admin-log-context{margin:0;padding:0.85rem;border-radius:8px;background:#111827;color:#f8fafc;font-size:0.85rem;white-space:pre-wrap;word-break:break-word}.form-status{display:none;margin-top:1rem}.form-status.is-visible{display:block}