*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d10;color:#f6f7f9;font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,4vw);border-bottom:1px solid #1d2229;background:rgba(11,13,16,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:9px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}.brand strong{font-size:22px}.brand strong span{color:#ff3d32}.logo-fallback{display:none;width:38px;height:38px;place-items:center;border-radius:10px;background:#ff3d32;font-weight:900}.desktop-nav{display:flex;align-items:center;gap:25px;color:#b8bec7}.desktop-nav a:hover{color:#fff}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:26px}.mobile-nav{display:none}.hero{min-height:72vh;display:grid;place-items:center;padding:80px 5vw;background:radial-gradient(circle at 80% 20%,#4a0e0b55,transparent 30%),linear-gradient(135deg,#0b0d10,#14181e)}.hero-inner{max-width:1100px;width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.eyebrow{color:#ff544a;font-weight:800}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.12;margin:10px 0 20px}.hero h1 span{color:#ff4439}.hero p{font-size:19px;color:#aeb5bf;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:12px;padding:12px 20px;background:#ff4439;color:white;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.secondary{background:#20252c;color:#fff}.btn.ghost{background:transparent;border:1px solid #343b45}.btn.danger{background:#9e2520}.btn-sm{padding:8px 14px}.hero-card{background:linear-gradient(145deg,#191d23,#101216);border:1px solid #2b3139;border-radius:28px;padding:28px;box-shadow:0 25px 80px #0008}.hero-card .metric{display:flex;justify-content:space-between;border-bottom:1px solid #2a2f36;padding:17px 0}.hero-card .metric:last-child{border:0}.section{padding:75px 5vw;max-width:1250px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section h2{font-size:34px;margin:0}.muted{color:#9199a5}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#13171c;border:1px solid #272d35;border-radius:18px;padding:22px}.program-card{position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.25s}.program-card:hover{transform:translateY(-6px);border-color:#3a4048;box-shadow:0 20px 50px #0006}.program-card:before{content:'';position:absolute;inset:auto -30px -60px auto;width:130px;height:130px;background:#ff443933;border-radius:50%}.program-card.featured{border-color:#ff4439;background:linear-gradient(180deg,#241514,#13171c)}.program-card .ribbon{position:absolute;top:18px;left:-38px;transform:rotate(-45deg);background:#ff4439;color:#fff;font-size:11px;font-weight:800;padding:4px 44px;box-shadow:0 6px 14px #0006}.price-row{display:flex;align-items:baseline;gap:7px;margin:16px 0 4px}.price-row .amount{font-size:30px;font-weight:900}.price-row .unit{font-size:13px;color:#9199a5}.plan-meta{display:flex;gap:16px;margin:14px 0;padding:14px 0;border-top:1px solid #262c34;border-bottom:1px solid #262c34;color:#c3c9d1;font-size:14px;flex-wrap:wrap}.plan-meta span{display:flex;align-items:center;gap:6px}.price{font-size:27px;font-weight:900;margin:15px 0}.price small{font-size:12px;color:#89919d}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#2a1716;color:#ff7b73;font-size:12px;font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{padding:20px;border:1px solid #262c34;border-radius:16px;background:#101419}.feature b{display:block;font-size:18px;margin-bottom:5px}.footer{border-top:1px solid #222831;padding:50px 5vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;color:#a9b0ba}.footer h4{color:#fff;margin-top:0}.footer a,.footer p{display:block;margin:7px 0}.auth{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:35px 18px}.auth-box{width:min(600px,100%);background:#12161b;border:1px solid #2a3038;border-radius:22px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{background:#0d1014;border:1px solid #303640;color:#fff;border-radius:10px;padding:11px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ff4439}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 76px)}.sidebar{border-left:1px solid #242a31;background:#0d1014;padding:22px;position:sticky;top:76px;height:calc(100vh - 76px)}.sidebar a{display:block;padding:10px 12px;border-radius:10px;color:#aeb5bf;margin:5px 0}.sidebar a:hover,.sidebar a.active{background:#1b2026;color:#fff}.dash-main{padding:30px;min-width:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#14181d;border:1px solid #292f37;border-radius:16px;padding:18px}.stat strong{display:block;font-size:27px}.table-wrap{overflow:auto;border:1px solid #292f37;border-radius:15px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:13px 15px;border-bottom:1px solid #262c33;text-align:right}.table th{color:#8f98a4;font-size:13px}.status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#20262d;font-size:12px}.status.ok{background:#12351f;color:#73e49a}.status.warn{background:#3a2c11;color:#ffd16a}.status.bad{background:#401a18;color:#ff8d84}.stepper{display:flex;gap:8px;overflow:auto;padding:4px 0 20px}.step{min-width:140px;padding:10px;border:1px solid #2a3038;border-radius:12px;color:#89919d}.step.done{border-color:#3f7d55;color:#8ee0a6}.step.current{border-color:#ff4439;color:#fff}.exercise{display:grid;grid-template-columns:1fr 100px 100px 100px 90px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #252b32}.empty{padding:45px;text-align:center;border:1px dashed #343b44;border-radius:16px;color:#8d96a2}.toast{position:fixed;top:90px;right:20px;max-width:min(380px,calc(100vw - 40px));z-index:100;padding:14px 18px;border-radius:12px;background:#20262d;border:1px solid #3a414a;box-shadow:0 15px 40px #0007;font-weight:700}.toast.success{border-color:#2d7d4c}.toast.error{border-color:#96372f}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:100;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{width:min(700px,100%);background:#12161b;border:1px solid #303640;border-radius:18px;padding:24px}.notice{padding:13px 16px;border-radius:12px;background:#171d23;border:1px solid #2a3139}.split{display:flex;justify-content:space-between;gap:15px;align-items:center}.mobile-only{display:none}@media(max-width:900px){.grid-3,.grid-4,.features,.stats{grid-template-columns:1fr 1fr}.hero-inner{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.sidebar{position:fixed;right:-270px;width:250px;z-index:60;transition:.25s}.sidebar.open{right:0}.mobile-only{display:block}.dash-main{padding:20px}.menu-btn{display:block}.desktop-nav{display:none}.footer{grid-template-columns:1fr 1fr}.mobile-nav{display:flex;flex-direction:column;gap:4px;position:fixed;top:0;right:-280px;width:260px;height:100vh;background:#0d1014;border-left:1px solid #242a31;padding:22px;z-index:70;transition:.25s;overflow:auto;box-shadow:0 0 40px #000a}.mobile-nav.open{right:0}.mobile-nav a{padding:10px 12px;border-radius:10px;color:#aeb5bf}.mobile-nav a:hover{background:#1b2026;color:#fff}.mobile-nav-close{background:none;border:0;color:#fff;font-size:22px;line-height:1}}@media(max-width:600px){.grid-3,.grid-4,.features,.stats,.form-grid{grid-template-columns:1fr}.hero{padding-top:55px}.section{padding:50px 18px}.hero h1{font-size:43px}.exercise{grid-template-columns:1fr 70px 70px}.exercise .hide-sm{display:none}.footer{grid-template-columns:1fr}.auth-box{padding:20px}}
