@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#f4f7fb;--card-bg:#ffffff;--primary:#0f172a;--secondary:#64748b;--accent:#2563eb;--accent-dark:#1d4ed8;--border:#e2e8f0;--shadow: 0 10px 30px rgba(0,0,0,.06);--shadow-hover: 0 20px 60px rgba(0,0,0,.12)}body.dark{--bg-color:#020617;--card-bg:#0f172a;--primary:#f8fafc;--secondary:#cbd5e1;--border:#1e293b;--shadow: 0 10px 30px rgba(0,0,0,.35);--shadow-hover: 0 20px 60px rgba(0,0,0,.5)}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--bg-color);color:var(--primary);overflow-x:hidden;transition:.3s ease}.container{width:92%;max-width:1400px;margin:auto}button{font-family:inherit}a{text-decoration:none}img{display:block}.top-header{background:#0f172a;color:#fff;padding:10px 0}.top-header-content{display:flex;align-items:center;justify-content:space-between}.breaking-news{font-size:14px}.breaking-news span{background:red;padding:4px 12px;border-radius:20px;margin-right:10px;font-size:12px;font-weight:600}#theme-toggle{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.navbar{position:sticky;top:0;z-index:1000;background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.05)}body.dark .navbar{background:#020617e0}.navbar-container{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.company-logo{display:flex;align-items:center;gap:14px;color:var(--primary)}.company-logo img{width:60px;height:60px;object-fit:contain}.logo-content h1{font-size:30px;line-height:1;font-weight:800;letter-spacing:-1px}.logo-content p{margin-top:4px;color:var(--secondary);font-size:13px;font-weight:500}.nav-links{display:flex;align-items:center;gap:34px;list-style:none}.nav-links li{position:relative;font-size:15px;font-weight:600;cursor:pointer;color:var(--primary);transition:.25s ease}.nav-links li:hover{color:var(--accent)}.dropdown{position:relative;padding:30px 0}.dropdown-menu{position:absolute;top:100%;left:-20px;min-width:280px;background:var(--card-bg);border-radius:22px;border:1px solid var(--border);overflow:hidden;box-shadow:0 20px 60px #0000001f;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{padding:16px 22px;background:var(--card-bg);transition:.25s ease;font-size:14px}.dropdown-menu li:hover{background:#2563eb14;padding-left:30px}.nav-right{display:flex;align-items:center}.search-bar{display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;width:320px;height:52px}.search-bar input{flex:1;height:100%;border:none;outline:none;padding:0 18px;background:transparent;color:var(--primary);font-size:14px}.search-bar input::placeholder{color:var(--secondary)}.search-bar button{width:62px;height:100%;border:none;background:var(--accent);color:#fff;font-size:18px;cursor:pointer;transition:.25s ease}.search-bar button:hover{background:var(--accent-dark)}.hero-section{padding:70px 0 50px}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-left{max-width:680px}.hero-tag{display:inline-block;background:#2563eb1a;color:var(--accent);padding:10px 18px;border-radius:40px;font-size:13px;font-weight:700;letter-spacing:.5px}.hero-left h1{font-size:64px;line-height:1.1;margin:24px 0;font-weight:800;letter-spacing:-2px}.hero-left p{color:var(--secondary);line-height:1.9;font-size:16px}.hero-buttons{display:flex;gap:16px;margin-top:34px}.hero-buttons button{border:none;padding:15px 26px;border-radius:16px;cursor:pointer;font-weight:600;font-size:15px;transition:.3s ease}.hero-buttons button:first-child{background:var(--accent);color:#fff}.hero-buttons button:last-child{background:var(--card-bg);color:var(--primary);border:1px solid var(--border)}.hero-buttons button:hover{transform:translateY(-3px)}.live-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;padding:45px;box-shadow:var(--shadow);font-size:26px;font-weight:700}.pulse{width:12px;height:12px;background:red;border-radius:50%;display:inline-block;margin-right:10px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.filter-section{margin-bottom:50px}.filter-container{display:flex;flex-wrap:wrap;gap:14px}.filter-container button{border:none;padding:12px 22px;border-radius:40px;background:var(--card-bg);border:1px solid var(--border);color:var(--primary);cursor:pointer;font-weight:500;transition:.25s ease}.filter-container button:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.section-title{margin-bottom:40px}.section-title h2{font-size:38px;font-weight:800;letter-spacing:-1px}.section-title p{margin-top:8px;color:var(--secondary)}.loader{width:55px;height:55px;border:5px solid #dbeafe;border-top-color:var(--accent);border-radius:50%;margin:40px auto;animation:spin 1s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.card{background:var(--card-bg);border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow);transition:.35s ease;cursor:pointer}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.card-image{position:relative;overflow:hidden}.card-image img{width:100%;height:240px;object-fit:cover;transition:.4s ease}.card:hover .card-image img{transform:scale(1.08)}.card-badge{position:absolute;top:16px;left:16px;background:red;color:#fff;padding:7px 14px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.5px}.card-content{padding:24px}.news-category{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1px}.card-content h3{margin:16px 0;line-height:1.45;font-size:24px;font-weight:700}.news-source{color:var(--secondary);font-size:13px;margin-bottom:16px}.news-desc{color:var(--secondary);line-height:1.8;font-size:15px}.read-more{margin-top:24px;border:none;background:var(--accent);color:#fff;padding:13px 18px;border-radius:14px;cursor:pointer;font-weight:600;transition:.3s ease}.read-more:hover{background:var(--accent-dark);transform:translateY(-2px)}footer{margin-top:100px;background:#020617;color:#fff}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:70px;padding:80px 0}.footer-brand{max-width:380px}.footer-brand h2{font-size:34px;margin-bottom:18px}.footer-brand p{color:#cbd5e1;line-height:1.9}.footer-links{display:flex;gap:70px;flex-wrap:wrap}.footer-column{display:flex;flex-direction:column;gap:14px}.footer-column h3{margin-bottom:12px;font-size:18px}.footer-column a{color:#cbd5e1;transition:.25s ease}.footer-column a:hover{color:#fff;transform:translate(4px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:24px;color:#94a3b8}@media (max-width:1200px){.hero-left h1{font-size:52px}}@media (max-width:1100px){.navbar-container{height:auto;padding:22px 0;flex-direction:column;gap:24px}.nav-center{width:100%}.nav-links{flex-wrap:wrap;justify-content:center}.hero-content{flex-direction:column;text-align:center}.hero-buttons{justify-content:center}}@media (max-width:768px){.hero-left h1{font-size:42px}.search-bar{width:100%}.footer-container{flex-direction:column}}@media (max-width:600px){.navbar-container{gap:18px}.logo-content h1{font-size:24px}.nav-links{gap:18px}.nav-links li{font-size:14px}.hero-left h1{font-size:34px}.hero-left p{font-size:14px}.hero-buttons{flex-direction:column}.cards-container{grid-template-columns:1fr}.search-bar{width:100%}}.footer-column a{cursor:pointer}.page-hero{padding:120px 0 70px;background:linear-gradient(to bottom,rgba(37,99,235,.08),transparent)}.page-hero-content{max-width:950px}.page-hero-tag{display:inline-block;background:#2563eb1f;color:var(--accent);padding:10px 18px;border-radius:40px;font-size:13px;font-weight:700;letter-spacing:.5px}.page-hero h1{font-size:72px;margin:24px 0;line-height:1.1;font-weight:800;letter-spacing:-3px}.page-hero p{color:var(--secondary);line-height:2;font-size:18px;max-width:850px}.page-section{padding:80px 0}.page-container{max-width:1000px}.page-card{background:var(--card-bg);border:1px solid var(--border);border-radius:32px;padding:45px;margin-bottom:40px;box-shadow:var(--shadow)}.page-card h2{font-size:34px;margin-bottom:24px;font-weight:700;letter-spacing:-1px}.page-card h3{margin-top:35px;margin-bottom:18px;font-size:24px}.page-card p{color:var(--secondary);line-height:2;margin-bottom:24px;font-size:16px}.page-card ul{padding-left:20px}.page-card li{margin-bottom:16px;color:var(--secondary);line-height:1.9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.profile-card{background:var(--card-bg);border:1px solid var(--border);border-radius:32px;padding:40px;text-align:center;box-shadow:var(--shadow)}.profile-card img{width:160px;height:160px;object-fit:cover;border-radius:50%;margin:auto auto 24px;border:6px solid rgba(37,99,235,.12)}.profile-card h2{font-size:36px;margin-bottom:8px}.profile-card span{color:var(--accent);font-weight:600}.profile-card p{color:var(--secondary);line-height:1.9;margin-top:24px}.profile-links{margin-top:30px;display:flex;flex-direction:column;gap:14px}.profile-links a{background:#2563eb14;padding:14px;border-radius:14px;color:var(--primary);transition:.25s ease}.profile-links a:hover{background:var(--accent);color:#fff}.contact-form{background:var(--card-bg);border:1px solid var(--border);border-radius:32px;padding:40px;box-shadow:var(--shadow)}.contact-form h2{margin-bottom:24px;font-size:34px}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:10px;font-weight:600}.form-group input,.form-group textarea{width:100%;border:1px solid var(--border);background:transparent;color:var(--primary);padding:16px 18px;border-radius:16px;outline:none;font-size:15px;transition:.25s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:none;min-height:180px}.contact-form button{width:100%;border:none;background:var(--accent);color:#fff;padding:16px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:.25s ease}.contact-form button:hover{background:var(--accent-dark)}.success-message{margin-top:18px;background:#22c55e1f;color:#16a34a;padding:14px;border-radius:14px;display:none}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.page-hero h1{font-size:48px}}@media (max-width:600px){.page-hero{padding:90px 0 50px}.page-hero h1{font-size:36px}.page-card{padding:28px}.page-card h2{font-size:28px}}body.dark{background:#0f172a;color:#f8fafc}body.dark .navbar{background:#111827;border-bottom:1px solid #1e293b}body.dark .top-header{background:#020617}body.dark .card{background:#111827;border:1px solid #1e293b;box-shadow:none}body.dark .card h3{color:#f8fafc}body.dark .news-desc{color:#cbd5e1}body.dark .news-source{color:#94a3b8}body.dark .hero-section{background:linear-gradient(to bottom,#0f172a,#020617)}body.dark .hero-left p{color:#cbd5e1}body.dark footer{background:#020617;border-top:1px solid #1e293b}body.dark .footer-column a{color:#cbd5e1}body.dark input,body.dark textarea{background:#111827;color:#f8fafc;border:1px solid #334155}body.dark .contact-form,body.dark .profile-card,body.dark .page-card{background:#111827;border:1px solid #1e293b}body.dark p{color:#cbd5e1}body.dark h1,body.dark h2,body.dark h3{color:#f8fafc}.dropdown{position:relative;padding:26px 0}.dropdown span{display:flex;align-items:center;gap:6px;transition:.25s ease}.dropdown span:after{content:"⌄";font-size:12px;margin-top:2px;transition:.25s ease}.dropdown-menu{position:absolute;top:78px;left:50%;transform:translate(-50%) translateY(20px);width:280px;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 20px 60px #0f172a1f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:9999}.dropdown-menu p{margin:0;padding:14px 16px;border-radius:16px;font-size:15px;font-weight:500;color:#0f172a;transition:.22s ease;cursor:pointer}.dropdown-menu p:active{transform:scale(.98)}.dropdown-menu:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(45deg);width:18px;height:18px;background:#ffffffe0;border-left:1px solid rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.dark .dropdown-menu{background:#0f172aeb;border:1px solid rgba(51,65,85,.7);box-shadow:0 20px 60px #00000080}body.dark .dropdown-menu:before{background:#0f172aeb;border-left:1px solid rgba(51,65,85,.7);border-top:1px solid rgba(51,65,85,.7)}@media (max-width: 992px){.dropdown-menu{left:0;transform:translateY(20px);width:240px}.dropdown:hover .dropdown-menu{transform:translateY(0)}.dropdown-menu:before{left:30px}}.navbar{position:sticky;top:0;z-index:999;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.7)}.navbar-container{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px}.company-logo{display:flex;align-items:center;justify-content:center;text-decoration:none}.company-logo img{width:110px;height:74px;object-fit:contain;transition:.25s ease}.company-logo img:hover{transform:scale(1.05)}.nav-center{flex:1;display:flex;justify-content:center}.nav-links{display:flex;align-items:center;gap:30px}.nav-links li{list-style:none;position:relative;font-size:15px;font-weight:600;color:#0f172a;cursor:pointer;transition:.25s ease}.nav-links li:hover{color:#2563eb}.nav-links a{text-decoration:none;color:inherit}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:16px;overflow:hidden;width:320px;height:52px;transition:.25s ease;box-shadow:0 6px 20px #0f172a0d}.search-bar:focus-within{border-color:#2563eb;box-shadow:0 10px 30px #2563eb1f}.search-bar input{flex:1;height:100%;border:none;outline:none;padding:0 18px;font-size:15px;background:transparent}.search-bar button{width:58px;height:100%;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:18px;cursor:pointer;transition:.25s ease}.search-bar button:hover{opacity:.92}.dropdown{position:relative;padding:28px 0}.dropdown span{display:flex;align-items:center;gap:6px}.dropdown span:after{content:"⌄";font-size:12px;transition:.25s ease}.dropdown:hover span:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:82px;left:50%;transform:translate(-50%) translateY(20px);width:285px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 60px #0f172a1f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9999}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-menu:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(45deg);width:18px;height:18px;background:#ffffffeb;border-left:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5)}.dropdown-menu p{margin:0;padding:14px 16px;border-radius:16px;font-size:15px;font-weight:500;color:#0f172a;cursor:pointer;transition:.22s ease}.dropdown-menu p:hover{background:linear-gradient(135deg,#2563eb1f,#3b82f614);color:#2563eb;transform:translate(4px)}body.dark .navbar{background:#0f172aeb;border-bottom:1px solid rgba(51,65,85,.6)}body.dark .nav-links li{color:#f8fafc}body.dark .nav-links li:hover{color:#60a5fa}body.dark .search-bar{background:#111827;border:1px solid #334155}body.dark .search-bar input{color:#f8fafc}body.dark .dropdown-menu{background:#0f172af2;border:1px solid rgba(51,65,85,.7)}body.dark .dropdown-menu:before{background:#0f172af2;border-left:1px solid rgba(51,65,85,.7);border-top:1px solid rgba(51,65,85,.7)}body.dark .dropdown-menu p{color:#e2e8f0}body.dark .dropdown-menu p:hover{background:#2563eb2e;color:#60a5fa}@media (max-width: 1200px){.search-bar{width:260px}.nav-links{gap:22px}}@media (max-width: 992px){.navbar-container{flex-wrap:wrap;justify-content:center;padding:18px 0}.nav-center{order:3;width:100%}.nav-links{flex-wrap:wrap;justify-content:center}.search-bar{width:100%}}.projects-showcase{margin-bottom:30px}.projects-header{margin-bottom:20px}.projects-header span{color:#2563eb;font-size:13px;font-weight:700;letter-spacing:1px}.projects-header h2{margin-top:8px;font-size:28px;color:#0f172a}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{position:relative;height:170px;border-radius:22px;overflow:hidden;cursor:pointer;text-decoration:none;box-shadow:0 10px 30px #0f172a14;transition:.3s ease}.project-card:hover{transform:translateY(-4px) scale(1.01)}.project-card img{width:100%;height:100%;object-fit:cover}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f172ae0,#0f172a26);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}.project-overlay h3{color:#fff;font-size:18px;margin-bottom:6px}.project-overlay p{color:#e2e8f0;font-size:13px;line-height:1.5}body.dark .projects-header h2{color:#f8fafc}