*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}
:root{--bg:#020817;--panel:#071a3d;--panel2:#041126;--blue:#0a8fff;--cyan:#20d7ff;--text:#eef7ff;--muted:#9badc8;--line:rgba(69,151,255,.35);--red:#ff3d5f}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 45%,rgba(0,174,255,.25),transparent 24%),radial-gradient(circle at 82% 18%,rgba(0,90,255,.2),transparent 27%),linear-gradient(135deg,#020817 0%,#061a3d 50%,#010716 100%);color:var(--text);overflow-x:hidden;min-height:100vh}.bg-orange,.bg-blue,.bg-red{position:fixed;z-index:-1;pointer-events:none}.bg-orange{width:100%;height:180px;top:0;left:0;background:linear-gradient(90deg,transparent 0 11%,rgba(0,141,255,.52) 11.2% 11.7%,transparent 12% 28%,rgba(20,217,255,.52) 28.2% 28.7%,transparent 29% 48%,rgba(0,141,255,.45) 48.2% 48.7%,transparent 49% 70%,rgba(20,217,255,.52) 70.2% 70.7%,transparent 71%);opacity:.7}.bg-blue{width:680px;height:680px;border:16px solid rgba(31,205,255,.44);border-radius:50%;left:-360px;top:280px;box-shadow:0 0 0 30px rgba(0,91,255,.16),0 0 80px rgba(0,166,255,.28)}.bg-red{width:620px;height:620px;border-radius:50%;right:-380px;bottom:-240px;border:1px solid rgba(0,145,255,.18);box-shadow:inset 0 0 90px rgba(0,145,255,.1)}.wrapper{width:92%;max-width:1180px;margin:34px auto;background:linear-gradient(180deg,rgba(7,23,54,.76),rgba(2,9,24,.82));border:1px solid var(--line);border-radius:32px;box-shadow:0 25px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);overflow:hidden}.header{position:relative;padding:28px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(97,157,255,.15)}.logo{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-.8px}.logo span:first-child{color:#fff}.logo span:last-child{color:var(--blue);text-shadow:0 0 20px rgba(0,143,255,.55)}.nav{display:flex;align-items:center;gap:26px}.nav a{text-decoration:none;color:#c6d5ed;font-weight:800;font-size:14px;letter-spacing:.3px}.nav a:hover{color:var(--cyan)}.nav .nav-btn{background:linear-gradient(135deg,#0aa7ff,#0058ff);color:#fff!important;padding:12px 22px;border-radius:999px;box-shadow:0 10px 25px rgba(0,97,255,.3)}.menu-btn{display:none;font-size:34px;line-height:1;cursor:pointer;color:#fff}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:34px;padding:70px 50px 80px}.hero-text h1{font-size:74px;line-height:.95;color:#fff;margin-bottom:22px;letter-spacing:-2px}.line{width:92px;height:6px;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:50px;margin-bottom:26px;box-shadow:0 0 18px rgba(0,191,255,.45)}.hero-text p{color:#bfd0ea;font-size:19px;line-height:1.8;max-width:480px;margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 28px;border-radius:999px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#0aa7ff,#0058ff);color:white;box-shadow:0 15px 35px rgba(0,95,255,.34)}.btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(104,173,255,.3);color:#dcecff}.hero-image{text-align:center}.hero-image img{width:100%;max-width:500px;border-radius:26px;border:1px solid rgba(93,156,255,.25);box-shadow:0 22px 60px rgba(0,0,0,.36)}.about{padding:70px 50px;text-align:center;background:rgba(255,255,255,.03);border-top:1px solid rgba(97,157,255,.12)}.label{color:var(--cyan);font-size:14px;font-weight:900;letter-spacing:1.8px}.about h2{margin-top:12px;font-size:42px;color:#fff}.about-desc{color:#aebfda;margin:16px auto 45px;max-width:650px;line-height:1.7;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:linear-gradient(180deg,rgba(12,35,78,.86),rgba(4,16,40,.88));padding:30px 24px;border-radius:24px;border:1px solid rgba(83,154,255,.25);box-shadow:0 18px 42px rgba(0,0,0,.22);transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(33,215,255,.55)}.icon{width:68px;height:68px;border-radius:20px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:31px;color:white;background:linear-gradient(135deg,#20d7ff,#0058ff);box-shadow:0 12px 30px rgba(0,117,255,.28)}.card h3{margin-bottom:12px;color:#fff}.card p{color:#aebfda;line-height:1.6;font-size:15px}.stats{margin:0 50px 70px;background:linear-gradient(135deg,rgba(10,143,255,.18),rgba(3,13,31,.9));border:1px solid rgba(82,155,255,.28);border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;color:white}.stat{padding:34px 15px;text-align:center;border-right:1px solid rgba(255,255,255,.11)}.stat h3{font-size:36px;margin-bottom:8px;color:#fff}.stat p{color:#c6d5ed}.footer{background:rgba(2,8,20,.82);color:white;padding:45px 50px 22px;border-top:1px solid rgba(97,157,255,.15)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px}.footer h3,.footer h4{color:#fff}.footer p,.footer a{color:#aebfda;text-decoration:none;display:block;font-size:14px;line-height:1.9}.copy{text-align:center;color:#89a0bf;margin-top:35px;font-size:13px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
@media(max-width:768px){body{background:radial-gradient(circle at 10% 42%,rgba(0,174,255,.24),transparent 25%),linear-gradient(135deg,#020817 0%,#061a3d 54%,#010716 100%)}.wrapper{width:94%;margin:16px auto;border-radius:28px}.header{padding:22px 20px}.logo{font-size:27px}.menu-btn{display:block}.nav{display:none;position:absolute;top:75px;left:16px;right:16px;background:linear-gradient(180deg,rgba(7,23,54,.96),rgba(3,12,28,.97));padding:14px;border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.45);border:1px solid var(--line);z-index:999}.nav.show{display:block}.nav a{display:block;text-align:center;padding:15px;border-radius:14px;margin:6px 0;color:#eaf4ff}.nav a:hover,.nav .nav-btn{background:linear-gradient(135deg,#0aa7ff,#0058ff);color:white!important}.hero{grid-template-columns:1fr;padding:34px 22px 56px;text-align:left}.hero-image{order:-1}.hero-image img{max-width:310px;border-radius:22px}.hero-text h1{font-size:58px}.hero-text p{font-size:17px;color:#c4d3ea}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.btn-primary,.btn-secondary{width:100%;padding:16px}.about{padding:58px 22px}.about h2{font-size:34px}.cards{grid-template-columns:1fr}.card{text-align:left;display:flex;align-items:flex-start;gap:17px;padding:22px}.icon{min-width:58px;width:58px;height:58px;margin:0;border-radius:18px}.stats{margin:0 22px 58px;grid-template-columns:repeat(2,1fr)}.stat{padding:26px 10px}.footer{padding:36px 22px 22px}.footer-grid{grid-template-columns:1fr;gap:22px}.bg-blue{width:520px;height:520px;left:-330px;top:210px;border-width:12px}.bg-orange{height:140px}}