@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#132238;--muted:#68778b;--blue:#165dff;--cyan:#26c6da;--line:#e6ebf2;--soft:#f5f7fb;--card:#fff;--danger:#e44848;--shadow:0 22px 60px rgba(25,48,86,.11)}
*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:#f7f9fc}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:900;display:flex;gap:10px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:13px;padding:12px 20px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{color:#fff;background:linear-gradient(135deg,#1357ed,#1a83ff);box-shadow:0 10px 24px rgba(22,93,255,.25)}.btn-light{background:#fff;border:1px solid var(--line)}.btn-danger{background:#fff0f0;color:#c93333}.hero{min-height:calc(100vh - 76px);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(5px);z-index:-1}.hero:before{width:440px;height:440px;background:#dcebff;right:-170px;top:0}.hero:after{width:360px;height:360px;background:#dcfbf8;left:-130px;bottom:-80px}.badge{display:inline-flex;padding:8px 14px;border-radius:50px;background:#eef4ff;color:var(--blue);font-weight:700}.hero h1{font-size:clamp(44px,7vw,88px);line-height:.98;margin:24px 0 18px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:20px;color:var(--muted);max-width:660px;margin:0 auto 30px;line-height:1.8}.hero .btn{padding:17px 35px;font-size:19px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:55px auto 25px;max-width:850px}.step{background:rgba(255,255,255,.78);border:1px solid #fff;border-radius:20px;padding:20px;box-shadow:var(--shadow)}.step b{display:block;margin:6px}.step span{color:var(--blue);font-weight:900}.step small{color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{padding:60px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#0e2f6f,#175fe8 65%,#1cbac6);position:relative;overflow:hidden}.auth-brand h1{font-size:56px;margin:18px 0}.auth-brand p{font-size:19px;line-height:1.9;opacity:.85}.auth-form{padding:50px;display:grid;place-items:center}.form-card{width:min(520px,100%);background:#fff;padding:38px;border-radius:24px;box-shadow:var(--shadow)}.form-card h2{font-size:30px;margin:0 0 8px}.form-card>p{color:var(--muted);margin:0 0 25px}.field{margin:0 0 17px}.field label{font-weight:700;display:block;margin:0 0 7px}.field input,.field select,.search input{width:100%;border:1px solid #dce3ed;background:#fbfcfe;border-radius:12px;padding:13px 15px;outline:none}.field input:focus,.field select:focus,.search input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #165dff15}.error{color:#c73131;font-size:13px;margin-top:5px}.alert{border-radius:12px;padding:13px 15px;margin-bottom:18px;background:#e9fff5;color:#08754c}.page-head{padding:45px 0 25px}.page-head h1{font-size:38px;margin:0}.page-head p{color:var(--muted);font-size:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:0 13px 40px rgba(25,48,86,.06)}.program-grid,.subject-grid,.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:50px}.program,.subject,.model{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s;position:relative}.program:hover,.subject:hover,.model:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b9d0ff}.program i,.subject i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#eef4ff;color:var(--blue);font-style:normal;font-weight:900}.program h3,.subject h3,.model h3{margin:14px 0 4px}.program p,.subject p,.model p{margin:0;color:var(--muted)}.search{display:flex;gap:10px;margin:18px 0 25px}.subject-top{display:flex;justify-content:space-between;gap:10px}.code{direction:ltr;color:var(--blue);font-weight:800}.exam-types{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.exam-types a{font-size:12px;padding:8px 11px;background:#f2f5fa;border-radius:9px;font-weight:800}.exam-types a:hover{background:var(--blue);color:white}.empty{text-align:center;padding:55px;color:var(--muted);grid-column:1/-1}.footer{padding:30px 0;text-align:center;color:var(--muted)}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form{padding:25px}.program-grid,.subject-grid,.model-grid,.steps{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.nav{height:66px}.hero{min-height:calc(100vh - 66px)}}.shared-program{border:1px solid #9de5ce;background:linear-gradient(145deg,#fff,#edfff8)}.shared-program i{background:#dcfaef;color:#07835a}.shared-label{display:inline-flex;margin-top:12px;padding:5px 9px;border-radius:20px;background:#dff8ec;color:#087d56;font-size:11px;font-weight:800}.subject-scheme{direction:ltr;text-align:right;color:#3169b8;font-size:11px;font-weight:800;margin-top:9px}
/* POINTS SYSTEM */
.points-chip{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#f4efff,#e8f1ff);border:1px solid #d8d2ff;border-radius:13px;padding:9px 12px;color:#5635b8;font-weight:800}.points-chip i{font-style:normal;color:#8b5cf6}.points-chip b{background:#fff;border-radius:8px;padding:3px 7px;color:#17243a}.notice{border-radius:14px;padding:14px 17px;margin:0 0 18px;font-weight:700}.notice.success{background:#e9fff5;color:#08754c;border:1px solid #bdebd8}.notice.error{background:#fff0f0;color:#ad3030;border:1px solid #ffd0d0}.notice.info{background:#eef5ff;color:#245da3;border:1px solid #d1e1fa}.notice a{text-decoration:underline}.points-page{padding-bottom:55px}.points-hero{min-height:290px;border-radius:30px;padding:42px;margin:25px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:radial-gradient(circle at 15% 20%,#7657e7 0,transparent 36%),linear-gradient(135deg,#14244c,#233d7b 56%,#1676bd);box-shadow:0 28px 70px #1a347b33;overflow:hidden;position:relative}.points-hero:after{content:'✦';position:absolute;left:4%;top:-40px;font-size:210px;color:#ffffff0d;transform:rotate(18deg)}.points-kicker{display:inline-flex;background:#ffffff17;border:1px solid #ffffff24;padding:7px 12px;border-radius:30px;font-weight:800}.points-hero h1{font-size:52px;margin:13px 0 7px}.points-hero p{max-width:650px;line-height:1.9;opacity:.8;margin:0;font-size:17px}.balance-orb{width:185px;height:185px;flex:none;border-radius:50%;display:grid;place-items:center;align-content:center;background:#ffffff14;border:1px solid #ffffff35;box-shadow:inset 0 0 50px #fff1,0 20px 60px #071a4355;backdrop-filter:blur(12px)}.balance-orb small{opacity:.75}.balance-orb strong{font-size:52px;line-height:1.1}.balance-orb span{color:#a9d9ff;font-weight:800}.points-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;box-shadow:0 10px 30px #18385b0b}.points-summary div{display:flex;gap:12px;align-items:center;padding:18px 24px;border-left:1px solid var(--line)}.points-summary div:last-child{border:0}.points-summary b{font-size:26px;color:#5d45cf}.points-summary span{color:var(--muted)}.points-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:18px;align-items:start}.points-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:23px;margin-bottom:18px;box-shadow:0 12px 38px #17325c0b;position:relative}.points-card>p{color:var(--muted);line-height:1.75}.card-icon{position:absolute;left:22px;top:21px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:900}.card-icon.violet{background:#eeeaff;color:#6946d7}.card-icon.amber{background:#fff3d7;color:#c87c00}.section-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.section-title span{color:#7d8ba0;font-size:12px;font-weight:800}.section-title h2{margin:4px 0 8px;font-size:22px}.section-title>b{background:#edfff7;color:#078352;padding:7px 11px;border-radius:30px;font-size:13px;margin-left:55px}.copy-row{display:flex;gap:9px;margin-top:17px;direction:ltr}.copy-row input{flex:1;min-width:0;border:1px solid #dce4ef;border-radius:11px;padding:12px;background:#f8faff;color:#52647c}.copy-row button,.points-action,.package button,.social-actions button{border:0;border-radius:11px;padding:11px 15px;background:#246bfe;color:#fff;font-weight:800;cursor:pointer}.copy-feedback{color:#078352;font-size:12px;margin-top:7px;text-align:left}.points-action{width:100%;margin-top:10px;background:linear-gradient(135deg,#6547da,#3277ea)}.points-action:disabled{background:#dce2eb;color:#7b8798;cursor:not-allowed}.social-tasks{display:grid;gap:9px;margin-top:10px}.social-tasks article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e7ebf2;border-radius:14px}.social-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:900}.social-logo.instagram{background:linear-gradient(135deg,#8a3ab9,#e95950,#fccc63);color:#fff}.social-logo.telegram{background:#e5f5ff;color:#269ed7}.social-tasks article>div:nth-child(2){display:grid}.social-tasks small{color:var(--muted)}.social-actions{margin-right:auto;display:flex;align-items:center;gap:7px}.social-actions a{color:#246bfe;font-weight:800;font-size:12px}.social-actions form{margin:0}.social-actions button{font-size:11px;padding:8px 10px}.task-done,.task-wait{margin-right:auto;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:900}.task-done{background:#e8fff4;color:#078352}.task-wait{background:#f0f2f6;color:#768397}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.package{display:grid;gap:9px;border:1px solid #e0e6ef;border-radius:16px;padding:16px;background:linear-gradient(155deg,#fff,#f8faff)}.package>span{color:#6f7d91;font-size:12px}.package>strong{font-size:25px;color:#263b69}.package>strong small{font-size:12px}.package>b{color:#6047cb}.package select,.package input{width:100%;border:1px solid #dce3ed;border-radius:9px;padding:9px;background:#fff;font-size:12px}.sticky-card{position:sticky;top:15px}.transactions>div{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #edf0f5}.transactions>div:last-child{border:0}.transactions i{width:45px;border-radius:9px;padding:6px 3px;text-align:center;font-style:normal;font-weight:900}.transactions i.plus{background:#e9fff4;color:#078352}.transactions i.minus{background:#fff0f0;color:#c63333}.transactions span{display:grid;min-width:0}.transactions b{font-size:13px}.transactions small{color:var(--muted);font-size:11px;margin-top:3px}.empty-mini{color:var(--muted);line-height:1.7}.recharge-list div{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding:10px 0}.recharge-list b{font-size:11px}.status-pending{color:#b06f00}.status-approved{color:#078352}.status-rejected{color:#c63333}.ad-modal{position:fixed;inset:0;background:#071426b5;z-index:1000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.ad-modal[hidden]{display:none}.ad-dialog{width:min(500px,100%);background:#fff;border-radius:24px;padding:24px;text-align:center;box-shadow:0 35px 100px #0006}.ad-screen{height:260px;border-radius:18px;background:linear-gradient(135deg,#172a58,#684ad6);color:#fff;display:grid;place-items:center;align-content:center;gap:8px}.ad-screen span{opacity:.7}.ad-screen strong{font-size:72px}.ad-screen small{opacity:.75}.ad-dialog>p{color:var(--muted)}.ad-dialog>button{border:0;border-radius:11px;padding:12px 20px;background:#246bfe;color:#fff;font-weight:900}.ad-dialog>button:disabled{background:#d7dee8;color:#778396}.model{display:block}.model-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.free-tag,.unlock-tag,.cost-tag{font-size:11px;font-weight:900;padding:5px 9px;border-radius:30px}.free-tag,.unlock-tag{background:#e9fff4;color:#078352}.cost-tag{background:#f1ecff;color:#6543cf}.model.locked{border-color:#ded7f7;background:linear-gradient(145deg,#fff,#fbf9ff)}.model-button{margin-top:18px;width:100%}.model form{margin:0}.balance-hint{display:block;text-align:center;color:var(--muted);margin-top:8px}.referral-welcome{background:#f1ecff;color:#6043bd;border:1px solid #ded3ff;border-radius:11px;padding:11px;margin-bottom:15px;font-size:13px;font-weight:700}
@media(max-width:900px){.points-layout{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.sticky-card{position:static}.points-hero{padding:28px}.balance-orb{width:145px;height:145px}.balance-orb strong{font-size:40px}}
@media(max-width:650px){.user-name{display:none}.points-chip span{display:none}.points-hero{display:grid;text-align:center;justify-items:center}.points-hero h1{font-size:42px}.points-summary{grid-template-columns:1fr}.points-summary div{border-left:0;border-bottom:1px solid var(--line)}.social-tasks article{align-items:flex-start;flex-wrap:wrap}.social-actions{width:100%;justify-content:flex-end}.copy-row{display:grid}.section-title>b{margin-left:0}.card-icon{display:none}}