/* Premium CSS (light/dark, mega menu, slider, services, footer) */
:root{--bg-dark:#081421;--bg-light:#f7f9fc;--primary:#0ea5e9;--secondary:#1e293b;--text-dark:#1e293b;--text-light:#e2e8f0;--accent:#38bdf8;--transition:all .3s ease}
*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-dark);color:var(--text-light);scroll-behavior:smooth}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1300px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:1000;background:rgba(10,20,40,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
header .container{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.logo img{height:50px}.brand-text{margin-left:8px;font-weight:800;letter-spacing:.5px}
nav ul{list-style:none;display:flex;gap:30px}
nav ul li a{color:#fff;font-weight:600;letter-spacing:.3px;position:relative}
nav ul li a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--primary);transition:var(--transition)}
nav ul li a:hover::after{width:100%}
nav ul li{position:relative}nav ul li:hover .mega-menu{display:grid}
.mega-menu{display:none;grid-template-columns:repeat(3,1fr);gap:20px;position:absolute;top:60px;left:0;width:720px;background:rgba(8,20,33,.98);padding:30px 50px;border-top:1px solid rgba(255,255,255,.1);border-radius:12px}
.mega-menu h4{color:var(--accent);margin-bottom:8px}.mega-menu a{color:#cbd5e1;font-size:14px;display:block;padding:6px 0}.mega-menu a:hover{color:var(--primary)}
.tools{display:flex;align-items:center;gap:12px}.lang-select{position:relative}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:20px;cursor:pointer}
.lang-dropdown{position:absolute;top:42px;right:0;background:#0b1727;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:none;min-width:170px;overflow:hidden}
.lang-select:hover .lang-dropdown{display:block}.lang-dropdown a{display:block;padding:10px 12px;color:#e2e8f0}.lang-dropdown a:hover{background:rgba(255,255,255,.06)}
.theme-toggle{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:20px;padding:6px 18px;font-size:14px}
.slider{position:relative;height:88vh;overflow:hidden}.slider .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease}
.slider .slide.active{opacity:1;z-index:1}.slider .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.55));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}
.slider .overlay h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 6px 24px rgba(0,0,0,.45)}
.slider .overlay p{color:#e2e8f0;max-width:700px;line-height:1.6}
.btn-primary{background:linear-gradient(90deg,var(--primary),#1d4ed8);color:#fff;padding:14px 34px;border-radius:40px;margin-top:20px;font-weight:700;transition:var(--transition);display:inline-block}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.2)}
.slider-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.slider-dots span{width:10px;height:10px;border-radius:50%;background:#ccc;cursor:pointer;transition:var(--transition)}
.slider-dots span.active{background:var(--primary);width:14px;height:14px}
.services{padding:80px 0;background:var(--secondary);text-align:center}.services h2{font-size:2.4rem;margin-bottom:10px}.services .subtitle{color:#9ca3af;margin-bottom:40px}
.services .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.services .card{background:rgba(255,255,255,.05);padding:30px;border-radius:18px;transition:var(--transition);text-align:left}
.services .card:hover{transform:translateY(-8px);background:rgba(255,255,255,.08)}.services .card h3{color:var(--accent);margin-bottom:8px}
.services .card p{font-size:14px;color:#e2e8f0;line-height:1.6}
.contact-section h2{font-size:2rem}.contact-form label{display:block;margin-bottom:8px;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35);color:#fff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#cbd5e1}.btn-outline{display:inline-block;border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:999px;color:#e2e8f0}
.btn-outline:hover{background:rgba(255,255,255,.06)}
.footer{background:linear-gradient(180deg,#0a1524,#040b13);padding:70px 20px 30px;color:#cbd5e1}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-bottom:40px}
.footer-col h4{color:#fff;margin-bottom:15px}.footer-col ul{list-style:none}.footer-col ul li{margin:8px 0}.footer-col a:hover{color:var(--accent)}.footer-logo{height:55px;margin-bottom:15px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center}.footer-bottom .social{margin-bottom:10px}
.footer-bottom .social a{color:#fff;margin:0 10px;font-size:20px;transition:var(--transition)}.footer-bottom .social a:hover{color:var(--primary)}
body.light{background:var(--bg-light);color:var(--text-dark)}body.light header{background:rgba(255,255,255,.9)}body.light .services{background:#f3f4f6;color:#111}
body.light .services .card p{color:#1f2937}body.light .footer{background:linear-gradient(180deg,#f8fafc,#e2e8f0);color:#222}body.light .footer-col h4{color:#000}
@media(max-width:900px){.slider{height:72vh}.mega-menu{width:92vw;left:50%;transform:translateX(-50%)}}