:root{--bg:#07070a;--panel:#0f1116;--muted:#9aa3b2;--accent-blue:#00aaff;--accent-gold:#ffd24d;--accent-purple:#8b5cf6;--glass:rgba(255,255,255,0.03);--card-shadow:0 8px 30px rgba(0,0,0,0.6);--radius:14px;--max-width:1200px;--fw:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial}html,body{height:100%;margin:0;background:var(--bg);font-family:var(--fw);color:#e6eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-blue);text-decoration:none}header{position:fixed;left:0;right:0;top:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:50;backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(10,10,12,0.55),rgba(10,10,12,0.25));border-bottom:1px solid rgba(255,255,255,0.03)}.brand{display:flex;align-items:center;gap:12px}.brand img{height:44px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.6)}.nav{display:flex;gap:18px;align-items:center}.nav a{font-weight:600;color:rgba(230,238,248,0.9);font-size:0.95rem}.cta{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));padding:10px 14px;border-radius:10px;font-weight:700}main{margin-top:72px}.hero{min-height:78vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero .video-wrap{position:absolute;inset:0;z-index:0;pointer-events:none}.hero video{width:100%;height:100%;object-fit:cover;filter:brightness(0.35) contrast(1.05);transform:scale(1.02)}.hero .overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,6,10,0.15),rgba(4,6,10,0.6))}.hero .container{position:relative;z-index:2;max-width:var(--max-width);width:100%;padding:48px;display:flex;gap:40px;align-items:center}.hero .left{flex:1}.hero h1{font-size:2.6rem;margin:0 0 10px;letter-spacing:-0.6px}.hero p{color:var(--muted);margin:0 0 20px;font-size:1.05rem;max-width:54ch}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border-radius:12px;font-weight:700;cursor:pointer;border:0;box-shadow:0 0 8px var(--accent-blue),0 0 15px rgba(139,92,246,0.6);transition:box-shadow 0.3s ease;color:#021027;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));text-shadow:0 0 5px rgba(0,170,255,0.8)}.btn:hover,.btn:focus{box-shadow:0 0 12px var(--accent-blue),0 0 25px rgba(139,92,246,0.9),0 0 40px rgba(0,170,255,0.9);outline:none}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.05);color:#fff;padding:10px 20px;font-weight:600;border-radius:10px;cursor:pointer;transition:background-color 0.2s ease}.btn-outline:hover{background-color:rgba(0,170,255,0.1)}.hero .right{flex:0 0 420px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-radius:16px;padding:18px;box-shadow:var(--card-shadow)}.showcase-item{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px}.showcase-item img{width:64px;height:64px;border-radius:10px;object-fit:cover}.showcase-item .meta{font-size:0.95rem}.showcase-item .meta .title{font-weight:700}.showcase-item .meta .sub{color:var(--muted);font-size:0.86rem}.cards-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:90%;max-width:var(--max-width);margin:0 auto 64px auto}.image-card{flex:1 1 calc(50% - 20px);max-width:600px;min-width:280px;background:linear-gradient(145deg,#0047ab,#0066ff);border-radius:12px;overflow:hidden;box-shadow:0 6px 12px rgba(0,70,171,0.6);cursor:pointer;color:white;display:flex;flex-direction:column;transition:transform 0.3s ease}.image-card:hover{transform:scale(1.03)}.image-card img{width:100%;height:350px;object-fit:cover;border-radius:12px 12px 0 0;display:block}.image-card-content{padding:16px;background:rgba(0,71,171,0.8);box-shadow:inset 0 4px 8px rgba(255,255,255,0.2);border-radius:0 0 12px 12px;flex-grow:1;display:flex;flex-direction:column}.image-card-content h3{margin:0 0 8px;font-size:1.4rem;font-weight:700}.image-card-content p{margin:0 0 auto;font-size:1.1rem;line-height:1.4rem}.section{padding:64px 20px;max-width:var(--max-width);margin:0 auto 64px auto}.h2{font-size:1.4rem;margin-bottom:18px;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border-radius:12px;padding:18px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,0.02)}.card .title{font-weight:800;font-size:1.05rem}.card .desc{color:var(--muted);font-size:0.95rem}.card .foot{margin-top:auto;display:flex;gap:10px;align-items:center}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.hero .container{flex-direction:column;align-items:flex-start}.hero .right{width:100%}.cards-container{flex-direction:column}.image-card{flex:1 1 100%;max-width:100%}}@media (max-width:700px){.grid{grid-template-columns:1fr}header{padding:0 12px}.nav{display:none}.mobile-toggle{display:block}.hero h1{font-size:1.9rem}}