:root{--t:#4f46c8;--t2:#8b5cf6;--ink:#24234a;--muted:#74758b;--line:#e7e6f2;--bg:#fafaff}
*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Vazirmatn,Arial,sans-serif}body:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6,#22c55e)}
.nav{height:78px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{color:var(--t);font-size:21px}.brand span{width:40px;height:40px;background:linear-gradient(135deg,var(--t),var(--t2));border-radius:13px;box-shadow:0 8px 16px #6559d633}.nav a{color:#65657d}.nav a:hover{color:var(--t)}
.hero{padding:98px 0 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,#fff2b8 0,transparent 22%),radial-gradient(circle at 90% 10%,#e9dcff 0,transparent 25%),linear-gradient(135deg,#f4f2ff,#fff)}.hero:after{content:"✦  ✧  ✦";position:absolute;left:7%;bottom:25px;color:#e9a9c8;font-size:26px;letter-spacing:12px;transform:rotate(-10deg)}h1{font-size:54px;line-height:1.35;letter-spacing:-1.5px}h1 em{color:var(--t)}.hero p{max-width:680px;line-height:2.2}.btn{background:linear-gradient(135deg,var(--t),var(--t2));padding:14px 23px;border-radius:13px;box-shadow:0 10px 22px #5d56c52b}.hero .tag{background:#fff0c4;color:#9b6a00}
.grid{gap:17px;padding:56px 0}.card{border-radius:20px;box-shadow:0 12px 28px #453da80b;transition:.2s;min-height:190px}.card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #453da81c}.card:nth-child(1){background:#e9fdf7}.card:nth-child(2){background:#fff7d6}.card:nth-child(3){background:#eef4ff}.card h3{font-size:16px}.card p{line-height:2}.tag{background:#e9e5ff;border-radius:9px;font-weight:700}
.login{border-radius:22px;box-shadow:0 20px 45px #453da812}.login select{border-radius:10px;background:#fbfbff}.dash{padding:50px 0}.dash h1{font-size:34px}.metric{border-radius:17px;box-shadow:0 10px 25px #453da80b}.metric:nth-child(1){border-top:4px solid #22c55e}.metric:nth-child(2){border-top:4px solid #f59e0b}.metric:nth-child(3){border-top:4px solid #8b5cf6}.metric b{color:var(--ink)}.notice{border-radius:13px}
@media(max-width:650px){h1{font-size:35px}.hero{padding:64px 0}.hero:after{display:none}.nav nav{display:none}.grid,.metrics{grid-template-columns:1fr}}