:root{--bg:#020916;--panel:#071426;--panel2:#0b1c33;--line:#18314f;--text:#f4f7fb;--muted:#a9b8ce;--blue:#24a3ff;--purple:#8b4dff;--green:#22d36b;--orange:#ff941a;--cyan:#19c8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(34,118,255,.18),transparent 35%),radial-gradient(circle at 80% 25%,rgba(139,77,255,.13),transparent 36%),linear-gradient(180deg,#020916 0%,#04101f 100%);font-family:Inter,Arial,sans-serif;color:var(--text)}.topbar{height:88px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,9,22,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#1da1ff,#8d47ff);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;box-shadow:0 0 35px rgba(81,80,255,.45)}.brand strong{display:block;font-size:28px;letter-spacing:-.5px}.brand strong span{color:#8a5cff}.brand small{display:block;font-size:10px;color:#a9b8ce;letter-spacing:1.5px;margin-top:2px}nav{display:flex;gap:34px}nav a{color:#fff;text-decoration:none;font-weight:700;font-size:15px;opacity:.92;padding:32px 0;position:relative}nav a.active:after,nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--purple))}.section{max-width:1450px;margin:0 auto;padding:58px 42px}.hero{display:grid;grid-template-columns:.9fr 1.35fr;gap:46px;align-items:center;min-height:680px}.tag,.section-title span,.server-text span,.cloud-card span{display:inline-flex;width:max-content;padding:8px 14px;border-radius:99px;background:rgba(139,77,255,.16);border:1px solid rgba(139,77,255,.35);color:#c7a8ff;text-transform:uppercase;font-size:12px;font-weight:900}.hero h1{font-size:58px;line-height:1.08;margin:26px 0 24px;letter-spacing:-2px}.hero h1 span,.section-title h2 span,.about h2 span{background:linear-gradient(90deg,#a356ff,#1aa7ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.75;color:#c6d1e2;margin:0 0 30px;max-width:650px}.hero-list{display:grid;gap:18px;margin-top:30px;color:#d9e5f4;font-size:17px}.hero-list div{display:flex;align-items:center;gap:14px}.hero-list i{width:42px;height:42px;border:1px solid rgba(139,77,255,.35);background:rgba(8,25,48,.78);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8d55ff;font-style:normal}.hero-dashboard{border:1px solid rgba(99,146,255,.25);border-radius:24px;background:linear-gradient(145deg,rgba(10,25,47,.92),rgba(3,9,22,.9));box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 70px rgba(34,118,255,.14);overflow:hidden}.hero-dashboard img{width:100%;display:block;object-fit:cover}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:34px;margin:15px 0 8px}.section-title p{color:#b8c6d8;margin:0;font-size:17px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.module-grid article,.panels article{background:linear-gradient(145deg,rgba(12,29,52,.94),rgba(6,17,32,.94));border:1px solid rgba(90,139,190,.22);border-radius:17px;padding:26px;min-height:190px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.module-grid article h3,.panels article h3{font-size:22px;margin:16px 0 10px}.module-grid article p,.panels article p{color:#b8c6d8;line-height:1.65;margin:0}.ico{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px}.blue{background:rgba(27,142,255,.15);color:#24a3ff}.green{background:rgba(34,211,107,.15);color:#22d36b}.purple{background:rgba(139,77,255,.16);color:#9f64ff}.orange{background:rgba(255,148,26,.16);color:#ff941a}.cyan{background:rgba(25,200,232,.15);color:#19c8e8}.money{background:rgba(34,211,107,.14)}.pink{background:rgba(255,72,142,.15)}.infra{display:grid;grid-template-columns:1fr 1fr;gap:22px}.server-card,.cloud-card{min-height:330px;border-radius:22px;border:1px solid rgba(90,139,190,.25);background:linear-gradient(145deg,rgba(12,29,52,.96),rgba(6,17,32,.96));overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28)}.server-card{display:grid;grid-template-columns:.9fr 1.1fr}.server-img{background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(2,9,22,.25)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=900&q=80') center/cover}.server-text,.cloud-card{padding:40px}.server-text h2,.cloud-card h2{font-size:32px;margin:16px 0 12px}.server-text p,.cloud-card p{color:#c2cedd;line-height:1.65}.server-text ul{margin:22px 0 0;padding:0;list-style:none;color:#dce7f5;display:grid;gap:12px}.server-text li:before{content:"✓";color:#22d36b;margin-right:10px}.cloud-card{border-color:rgba(139,77,255,.48);position:relative}.cloud-icon{font-size:82px;margin-bottom:15px;filter:drop-shadow(0 0 25px rgba(36,163,255,.45))}.cloud-card b{display:inline-flex;margin-top:8px;padding:10px 18px;border-radius:12px;background:rgba(139,77,255,.22);color:#d8c5ff;text-transform:uppercase;font-size:12px}.panels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.about{text-align:center;padding-top:40px;padding-bottom:70px}.about h2{font-size:38px;margin:0 0 18px}.about p{max-width:980px;margin:0 auto;color:#c4d0df;font-size:18px;line-height:1.8}footer{max-width:1450px;margin:0 auto;padding:38px 42px 30px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:22px;color:#9cafc6}.mini .logo{width:42px;height:42px;border-radius:12px;font-size:22px}.mini strong{font-size:22px}.status{padding:15px 20px;border-radius:16px;background:rgba(12,29,52,.8);border:1px solid rgba(90,139,190,.22);color:#dbeafe}.status::first-letter{color:#22d36b}@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:44px}.module-grid,.panels{grid-template-columns:repeat(2,1fr)}.infra{grid-template-columns:1fr}nav{display:none}.topbar{padding:0 24px}.server-card{grid-template-columns:1fr}.server-img{min-height:260px}}@media(max-width:620px){.topbar{height:auto;padding:16px}.brand strong{font-size:24px}.logo{width:48px;height:48px}.section{padding:38px 18px}.hero{gap:28px}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:16px}.hero-dashboard{border-radius:18px}.hero-dashboard img{min-height:300px;object-fit:cover;object-position:center}.module-grid,.panels{grid-template-columns:1fr}.module-grid article,.panels article{min-height:auto;padding:24px}.section-title h2,.server-text h2,.cloud-card h2,.about h2{font-size:28px}.server-text,.cloud-card{padding:28px}.server-img{min-height:230px}footer{display:block;padding:30px 18px}.status{margin:24px 0}.brand small{font-size:9px}}