*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial;color:#101828;background:#f6f8fc}a{text-decoration:none;color:inherit}.nav{height:76px;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:50}.nav>div{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:700}.logo{font-weight:900;font-size:20px;display:flex;align-items:center;gap:9px}.logo b,.brand b{background:linear-gradient(135deg,#3157e2,#9b45f5);color:#fff;border-radius:11px;padding:10px}.reg,.btn{background:linear-gradient(135deg,#3157e2,#8a43f5);color:#fff!important;padding:11px 17px;border-radius:11px}.hero{min-height:680px;padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(120deg,#e9efff,#f7ecff,#e9fff8)}h1{font-size:clamp(40px,5vw,68px);line-height:1.03;margin:18px 0}.hero h1 b{background:linear-gradient(90deg,#3157e2,#9b45f5);-webkit-background-clip:text;color:transparent}.hero p{color:#667085;line-height:1.8;font-size:17px}.actions{display:flex;gap:12px;margin-top:25px}.actions a{padding:14px 22px;border-radius:12px;font-weight:800}.primary{background:linear-gradient(135deg,#3157e2,#8a43f5);color:#fff}.secondary{background:#fff;border:1px solid #dfe4ed}.slider{height:450px;overflow:hidden}.track{height:100%;display:flex;gap:18px;align-items:center;width:max-content;animation:move 30s linear infinite}.tile{width:220px;height:165px;background:#fff;border-radius:25px;box-shadow:0 18px 45px #34405418;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tile i{font-style:normal;font-size:52px}.tile strong{font-size:14px;margin-top:12px}@keyframes move{to{transform:translateX(-50%)}}section.sec{padding:85px 6%}.head{text-align:center;max-width:760px;margin:auto auto 45px}.head h2{font-size:38px;margin:0 0 10px}.head p{color:#667085;line-height:1.7}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:auto}.plan{background:#fff;border-radius:25px;padding:28px;border:1px solid #e5e9f0;box-shadow:0 15px 45px #1018280b;overflow:hidden;position:relative}.plan:before{content:'';height:7px;position:absolute;top:0;left:0;right:0}.ret:before{background:linear-gradient(90deg,#22c55e,#06b6d4)}.dist:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.sup:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.price{font-size:40px;font-weight:900}.plan li{list-style:none;padding:6px 0;color:#475467;font-size:13px}.plan li:before{content:'✓';color:#12b76a;font-weight:900;margin-right:8px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1250px;margin:auto}.svc{background:#fff;border:1px solid #e5e9f0;border-radius:20px;padding:22px;min-height:175px}.svc i{font-style:normal;font-size:42px}.svc h3{font-size:16px}.svc p{color:#667085;font-size:13px}.svc .arrow{font-size:24px;color:#526be8}footer{color:#cbd5e1}.foot{padding:70px 6%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;background:linear-gradient(135deg,#0b1738,#2a1250,#063f43)}.foot p{color:#aebbd0;line-height:1.8;font-size:13px}.copy{text-align:center;background:#070d20;padding:20px;font-size:12px}.portal{min-height:100vh;display:flex}.sidebar{position:fixed;width:255px;inset:0 auto 0 0;background:linear-gradient(180deg,#0e1939,#17102e);color:#b9c5dc;padding:20px 13px;overflow:auto}.brand{color:#fff;font-weight:900;font-size:20px;display:flex;align-items:center;gap:10px;padding:0 10px 25px}.sidebar small{display:block;color:#667493;font-size:10px;font-weight:800;padding:13px 10px 6px}.sidebar a{display:block;padding:11px;border-radius:10px;font-size:13px;font-weight:700;margin:2px 0}.sidebar a:hover{background:#fff1;color:#fff}.main{margin-left:255px;flex:1}.main header{height:70px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;gap:12px;padding:0 25px;position:sticky;top:0;z-index:40}.main header button{display:none}.main header span{background:#eef2ff;color:#4658b8;padding:5px 8px;border-radius:99px;font-size:10px}.wallet{margin-left:auto;background:#ecfdf3;color:#087443;padding:10px 13px;border-radius:10px;font-weight:800;font-size:13px}.content{padding:28px}.dash{padding:28px;border-radius:24px;background:linear-gradient(120deg,#e9efff,#f5eaff)}.kpis,.dashservices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.card{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:20px}.card strong{font-size:25px}.dashservice{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:20px}.dashservice i{font-size:38px;font-style:normal}.form{max-width:600px;background:#fff;padding:28px;border-radius:22px;border:1px solid #e5e9f0}.field{margin:14px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.input,select{width:100%;padding:12px;border:1px solid #d6dce8;border-radius:10px}.tablewrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid #e5e9f0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid #e5e9f0;text-align:left;font-size:12px}.table th{background:#f8f9fc}.alert{padding:12px;margin:15px 0;border-radius:10px}.error{background:#fef3f2;color:#b42318}.success{background:#ecfdf3;color:#067647}@media(max-width:950px){.hero,.plans,.foot{grid-template-columns:1fr}.services{grid-template-columns:repeat(2,1fr)}.kpis,.dashservices{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%);transition:.2s}.open .sidebar{transform:none}.main{margin-left:0}.main header button{display:block;border:0;background:none;font-size:22px}.nav>div a:not(.reg){display:none}}@media(max-width:600px){.services,.kpis,.dashservices{grid-template-columns:1fr}.content{padding:15px}.nav{padding:0 4%}}