:root{--ink:#17203b;--muted:#69748d;--line:#e4e8f1;--brand:#3154b5;--soft:#f6f8fc;--ok:#15803d;--warn:#b45309}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:#f4f6fb;color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:28px 18px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.top h1{margin:0}.nav{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 15px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#b91c1c}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 30px #243b6b0a}.kpi b{font-size:30px;display:block}.kpi span{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:right}th{background:#f7f8fc}.badge{padding:5px 9px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:800}.form p{display:grid;gap:6px}.form input,.form select,.form textarea{width:100%;padding:11px;border:1px solid #d8deea;border-radius:10px;font:inherit}.form input[type=checkbox]{width:auto}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative}.plan.featured{border:2px solid var(--brand)}.plan img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#edf0f7}.plan-body{padding:18px}.price{font-size:27px;font-weight:800}.muted{color:var(--muted)}.messages{list-style:none;padding:0}.messages li{background:#ecfdf3;border:1px solid #bbf7d0;padding:10px;border-radius:10px;margin-bottom:8px}@media(max-width:800px){.grid,.plans{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.table-wrap{overflow:auto}}
body{background:linear-gradient(180deg,#f6f8ff,#fff)}.hero{text-align:center;padding:28px 0}.hero h1{font-size:36px;margin-bottom:8px}.select{width:100%;margin-top:12px}.feature-list{list-style:none;padding:0;line-height:2}.featured-ribbon{position:absolute;top:12px;right:12px;background:#3154b5;color:#fff;padding:6px 10px;border-radius:999px;font-weight:800}

/* Subscriber registration journey */
.signup-wrap{max-width:1180px;margin:auto;padding:28px 18px 55px}.back-link{display:inline-flex;margin-bottom:18px;color:#53627d;font-weight:700}.signup-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.signup-card,.plan-summary,.pending-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px rgba(36,59,107,.07)}.signup-card{padding:28px}.signup-head{padding-bottom:20px;border-bottom:1px solid var(--line)}.signup-head h1{margin:5px 0 7px;font-size:28px}.step-label,.summary-kicker,.pending-kicker{font-size:12px;font-weight:800;color:var(--brand)}.signup-form{display:grid}.form-section{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:24px 0;border-bottom:1px solid var(--line)}.section-number{width:38px;height:38px;border-radius:12px;background:#eef2ff;color:var(--brand);display:grid;place-items:center;font-weight:800}.section-copy h2{font-size:17px;margin:0}.section-copy p{font-size:12px;color:var(--muted);margin:3px 0 15px}.fields-grid{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input:not([type=checkbox]),.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #d8deea;border-radius:11px;background:#fcfdff;font:inherit;outline:none}.field input:focus,.field textarea:focus{border-color:#7387d9;box-shadow:0 0 0 3px #eef1ff}.field small{font-size:11px;color:var(--muted)}.errorlist{margin:0;padding-right:17px;color:#b43f3f;font-size:12px}.form-alert{background:#fff0f0;border:1px solid #f3caca;color:#a33;padding:12px;border-radius:12px;margin-top:16px}.payment-section{background:#fbfcff;margin:0 -12px;padding-left:12px;padding-right:12px}.note-field{margin-top:20px}.terms-box{display:flex;gap:10px;align-items:flex-start;margin:22px 0 12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafbfe;cursor:pointer}.terms-box input{margin-top:4px;accent-color:var(--brand)}.terms-box b,.terms-box small{display:block}.terms-box small{color:var(--muted);margin-top:3px}.submit-btn{width:100%;border:0;border-radius:13px;padding:14px;background:linear-gradient(135deg,#3154b5,#477dc1);color:#fff;font:inherit;font-weight:800;cursor:pointer}.plan-summary{position:sticky;top:20px;overflow:hidden}.summary-image,.summary-placeholder{width:100%;aspect-ratio:3/4;object-fit:cover}.summary-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#edf0f7,#e4e9f5);color:#8a94a9;font-weight:800}.summary-body{padding:18px}.summary-body h2{margin:4px 0}.summary-price{display:flex;align-items:baseline;gap:5px;margin:15px 0 5px}.summary-price strong{font-size:28px}.summary-price span{color:var(--muted)}.summary-duration{display:inline-flex;background:#eef2ff;color:#425bb1;padding:5px 9px;border-radius:9px;font-size:12px;font-weight:800}.summary-features{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.summary-features li{display:flex;gap:7px;align-items:center;font-size:12px}.summary-features li>span{color:var(--ok)}.summary-features em{margin-right:auto;font-style:normal;background:#f1f3f8;padding:3px 7px;border-radius:7px}.review-note{background:#fff7e9;border:1px solid #f4dfb8;border-radius:12px;padding:11px}.review-note.free{background:#ecf9f1;border-color:#ccebd8}.review-note b,.review-note span{display:block}.review-note span{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.6}
.pending-page{margin:0;background:linear-gradient(180deg,#f4f6fb,#fff);min-height:100vh;font-family:Tajawal,Arial,sans-serif;color:var(--ink)}.pending-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.pending-card{width:min(720px,100%);padding:32px;text-align:center}.pending-icon{width:58px;height:58px;border-radius:18px;background:#e9f8ef;color:#15803d;display:grid;place-items:center;font-size:26px;font-weight:800;margin:0 auto 15px}.pending-card h1{margin:6px 0}.pending-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0}.pending-summary div{background:#f8f9fc;border:1px solid var(--line);border-radius:13px;padding:12px}.pending-summary span,.pending-summary b{display:block}.pending-summary span{font-size:11px;color:var(--muted);margin-bottom:4px}.receipt-ok{display:inline-flex;align-items:center;gap:7px;background:#ecf9f1;color:#176b46;padding:8px 12px;border-radius:10px;font-weight:700;font-size:12px}.owner-note{margin-top:15px;text-align:right;background:#fff7e9;border:1px solid #f4dfb8;border-radius:12px;padding:12px}.owner-note p{margin:4px 0 0}.pending-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.pending-steps div{position:relative;display:grid;justify-items:center;gap:6px;color:#8a91a4;font-size:11px}.pending-steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef0f5;font-weight:800}.pending-steps .done{color:#3154b5}.pending-steps .done span{background:#e8edff}.pending-actions{display:flex;justify-content:center}
@media(max-width:850px){.signup-layout{grid-template-columns:1fr}.plan-summary{position:static;display:grid;grid-template-columns:150px 1fr}.summary-image,.summary-placeholder{height:100%;aspect-ratio:auto}.pending-summary,.pending-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.signup-card{padding:20px 15px}.form-section{grid-template-columns:34px 1fr}.section-number{width:32px;height:32px}.fields-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.plan-summary{display:block}.summary-image,.summary-placeholder{aspect-ratio:16/9}.pending-card{padding:25px 16px}.pending-summary,.pending-steps{grid-template-columns:1fr 1fr}}

/* ===== Subscription storefront refresh (isolated) ===== */
.plans-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#eef2ff 0,transparent 34%),linear-gradient(180deg,#f8f9fd 0,#fff 72%)}
.plans-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:54px 0 42px}
.plans-hero{text-align:center;max-width:760px;margin:0 auto 34px}.plans-kicker,.subscription-eyebrow{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:#edf1ff;color:#4259b8;font-size:12px;font-weight:800}.plans-hero h1{font-size:clamp(30px,4vw,46px);margin:12px 0 10px;letter-spacing:-.6px}.plans-hero>p{margin:0 auto;color:var(--muted);font-size:15px;line-height:1.9}.plans-assurances{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.plans-assurances span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#526078;font-size:12px;font-weight:700;box-shadow:0 6px 18px rgba(36,59,107,.04)}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.pricing-card{background:#fff;border:1px solid #e1e6f0;border-radius:26px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 18px 48px rgba(36,59,107,.08);transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(36,59,107,.12)}.pricing-card.is-featured{border:2px solid #5570d2;box-shadow:0 22px 60px rgba(49,84,181,.14)}.plan-visual{position:relative;background:#eef1f7;overflow:hidden}.plan-visual img,.plan-image-placeholder{width:100%;aspect-ratio:3/4;display:block}.plan-visual img{object-fit:cover}.plan-image-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#f0f2f8,#e5e9f3);color:#8c96aa;font-weight:800}.featured-ribbon{top:14px;right:14px;background:rgba(255,255,255,.94);color:#4359b4;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(23,32,59,.12);z-index:2}.pricing-content{padding:22px;display:flex;flex:1;flex-direction:column}.plan-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.plan-label{display:block;color:#8b94a8;font-size:11px;font-weight:700;margin-bottom:3px}.plan-heading h2{margin:0;font-size:22px}.duration-pill{flex:none;background:#eef1ff;color:#485db4;border-radius:10px;padding:6px 9px;font-size:11px;font-weight:800}.plan-description{min-height:24px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.price-row{padding:18px 0;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.price-row strong{font-size:30px;line-height:1}.price-row strong small{font-size:14px}.price-row>span{color:#8b94a8;font-size:11px}.features-title{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-size:12px;font-weight:800}.features-title i{height:1px;background:#edf0f5;flex:1}.premium-list{display:grid;gap:9px;margin:0 0 20px;line-height:1.4}.premium-list li{display:flex;align-items:center;gap:8px;min-height:28px;font-size:12px}.feature-check{width:22px;height:22px;border-radius:50%;background:#ecf8f1;color:#168052;display:grid;place-items:center;font-weight:800;flex:none}.feature-copy{flex:1}.feature-value{background:#f1f3f9;color:#55617a;border-radius:8px;padding:4px 7px;font-size:10px}.plan-select-btn{margin-top:auto;min-height:48px;border-radius:13px;background:linear-gradient(135deg,#354fb1,#566bd0);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;padding:12px 16px;box-shadow:0 10px 22px rgba(49,84,181,.16)}.plans-footnote{text-align:center;color:#8b94a8;font-size:11px;margin:24px 0 0}.empty-plans{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;text-align:center}.empty-plans strong,.empty-plans span{display:block}.empty-plans span{color:var(--muted);margin-top:5px}

/* ===== My subscription dashboard ===== */
.subscription-dashboard{max-width:1180px;margin:0 auto;padding:26px 22px 46px}.subscription-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.subscription-page-head h1{margin:7px 0 4px;font-size:32px}.subscription-page-head p{margin:0;color:var(--muted)}.change-plan-link{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 15px;color:#4259b8;font-weight:800}.subscription-hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:26px;padding:30px;border-radius:26px;background:linear-gradient(125deg,#263f77,#3d72a1 68%,#4c91a9);color:#fff;box-shadow:0 22px 50px rgba(40,71,123,.18)}.subscription-hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07);left:-70px;top:-110px}.subscription-hero-copy{position:relative;z-index:1}.status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.subscription-status,.subscription-school{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.subscription-status{background:#e9f8ef;color:#147248}.subscription-school{background:rgba(255,255,255,.12);color:#fff}.current-plan-label{font-size:12px;color:rgba(255,255,255,.72)}.subscription-hero-card h2{font-size:34px;margin:4px 0}.subscription-hero-card p{margin:0;color:rgba(255,255,255,.78)}.subscription-duration-box{position:relative;z-index:1;align-self:center;justify-self:end;width:150px;height:150px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.11);display:grid;place-items:center;align-content:center;backdrop-filter:blur(8px)}.subscription-duration-box span{font-size:12px;color:rgba(255,255,255,.75)}.subscription-duration-box strong{font-size:44px;line-height:1.1}.subscription-duration-box small{font-size:12px}.days-progress-block{max-width:680px;margin-top:25px}.days-progress-copy{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}.days-progress-copy strong{font-size:14px}.days-track{height:8px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.days-track span{display:block;width:100%;height:100%;border-radius:inherit;background:rgba(255,255,255,.78)}.subscription-dates{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:8px;color:rgba(255,255,255,.7);font-size:10px}.subscription-dates b{color:#fff}.subscription-section{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 35px rgba(36,59,107,.04)}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:17px}.section-heading-row span{color:#5267be;font-size:11px;font-weight:800}.section-heading-row h2{font-size:20px;margin:3px 0 0}.section-heading-row p{margin:0;color:var(--muted);font-size:11px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.usage-card{position:relative;border:1px solid #e7eaf1;border-radius:18px;padding:18px;background:#fbfcff}.usage-icon{position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:11px;background:#edf1ff;color:#4c62be;display:grid;place-items:center;font-weight:800}.usage-top{display:flex;justify-content:space-between;align-items:flex-end;padding-left:48px}.usage-top span{display:block;color:#7c879c;font-size:11px}.usage-top strong{font-size:29px;line-height:1.2}.usage-limit{background:#f1f3f8;border-radius:9px;padding:5px 8px!important;color:#536078!important;font-weight:800}.usage-track{height:7px;background:#e9edf4;border-radius:999px;overflow:hidden;margin:15px 0 7px}.usage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d63c4,#6a9ed1)}.usage-card small{color:#8a94a8}.subscription-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.subscription-feature{display:flex;align-items:center;gap:11px;border:1px solid #e8ebf2;border-radius:15px;padding:14px;background:#fbfcff}.feature-ok{width:34px;height:34px;border-radius:11px;background:#eaf8f0;color:#158052;display:grid;place-items:center;font-weight:800}.subscription-feature strong,.subscription-feature small{display:block}.subscription-feature small{color:#8a94a8;margin-top:2px}.no-subscription-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:48px 24px;text-align:center}.no-subscription-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#edf1ff;color:#4c62be;display:grid;place-items:center;font-size:26px}.no-subscription-card h2{margin:0}.no-subscription-card p{color:var(--muted)}.no-subscription-card .plan-select-btn{max-width:220px;margin:18px auto 0}
@media(max-width:900px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-hero-card{grid-template-columns:1fr 130px}.subscription-duration-box{width:120px;height:120px}.subscription-duration-box strong{font-size:36px}}
@media(max-width:650px){.plans-shell{width:min(100% - 22px,1180px);padding-top:30px}.plans-grid{grid-template-columns:1fr}.plans-hero h1{font-size:30px}.pricing-card{max-width:430px;width:100%;margin:auto}.subscription-dashboard{padding:18px 12px 35px}.subscription-page-head{align-items:flex-start;flex-direction:column}.subscription-hero-card{grid-template-columns:1fr;padding:22px}.subscription-duration-box{justify-self:start;width:100%;height:auto;min-height:95px;grid-template-columns:auto auto auto;gap:6px}.subscription-duration-box strong{font-size:32px}.usage-grid,.subscription-features{grid-template-columns:1fr}.section-heading-row{align-items:flex-start;flex-direction:column}.subscription-hero-card h2{font-size:28px}}
/* =========================================================
   Plans Storefront V2
   Compact images + dark premium background
   ========================================================= */

.plans-page{
    min-height:100vh;
    background:
        radial-gradient(circle at 15% 5%, rgba(86,107,208,.20), transparent 30%),
        radial-gradient(circle at 85% 15%, rgba(55,133,165,.14), transparent 26%),
        linear-gradient(145deg,#10172b 0%,#17213b 48%,#10182d 100%);
    color:#fff;
}

/* مساحة الصفحة */
.plans-shell{
    width:min(1120px,calc(100% - 32px));
    margin:auto;
    padding:38px 0 38px;
}

/* رأس الصفحة */
.plans-hero{
    text-align:center;
    max-width:760px;
    margin:0 auto 27px;
}

.plans-kicker{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    color:#dce4ff;
    backdrop-filter:blur(8px);
}

.plans-hero h1{
    color:#fff;
    font-size:clamp(29px,3.5vw,42px);
    margin:11px 0 8px;
}

.plans-hero>p{
    color:rgba(255,255,255,.68);
    max-width:680px;
}

.plans-assurances{
    margin-top:17px;
}

.plans-assurances span{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.88);
    box-shadow:none;
    backdrop-filter:blur(8px);
}

/* شبكة الباقات */
.plans-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(270px,320px));
    justify-content:center;
    gap:20px;
    align-items:stretch;
}

/* بطاقة الباقة */
.pricing-card{
    background:#fff;
    color:var(--ink);
    border:1px solid rgba(255,255,255,.15);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 22px 55px rgba(0,0,0,.25);
}

.pricing-card:hover{
    transform:translateY(-5px);
    box-shadow:0 28px 65px rgba(0,0,0,.32);
}

.pricing-card.is-featured{
    border:2px solid #7288ff;
    box-shadow:
        0 25px 65px rgba(0,0,0,.32),
        0 0 0 4px rgba(114,136,255,.10);
}

/* =========================================================
   أهم تعديل: تقصير الصورة
   ========================================================= */

.plan-visual{
    position:relative;
    height:235px;
    background:#e9edf5;
    overflow:hidden;
}

.plan-visual img,
.plan-image-placeholder{
    width:100%;
    height:100%;
    aspect-ratio:auto;
    display:block;
}

.plan-visual img{
    object-fit:cover;
    object-position:center;
}

.plan-image-placeholder{
    display:grid;
    place-items:center;
    background:
        linear-gradient(145deg,#eef1f7,#e2e7f1);
    color:#8c96aa;
    font-weight:800;
}

/* شارة الأكثر تميزاً */
.featured-ribbon{
    top:13px;
    right:13px;
    background:rgba(255,255,255,.94);
    color:#4359b4;
    border:1px solid rgba(255,255,255,.85);
    box-shadow:0 7px 20px rgba(0,0,0,.14);
}

/* المحتوى */
.pricing-content{
    padding:19px;
}

.plan-heading h2{
    font-size:21px;
}

.plan-description{
    min-height:0;
    margin-top:6px;
}

.price-row{
    padding:15px 0;
}

.price-row strong{
    font-size:28px;
}

.features-title{
    margin:15px 0 7px;
}

.premium-list{
    gap:6px;
    margin-bottom:16px;
}

.premium-list li{
    min-height:26px;
}

/* زر اختيار الباقة */
.plan-select-btn{
    min-height:46px;
    border-radius:12px;
    background:linear-gradient(135deg,#354fb1,#6376da);
    box-shadow:0 10px 24px rgba(49,84,181,.22);
    transition:transform .18s ease,box-shadow .18s ease;
}

.plan-select-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 13px 28px rgba(49,84,181,.28);
}

/* النص السفلي */
.plans-footnote{
    color:rgba(255,255,255,.55);
    margin-top:22px;
}

/* لا توجد باقات */
.empty-plans{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
    backdrop-filter:blur(10px);
}

.empty-plans span{
    color:rgba(255,255,255,.65);
}

/* Tablet */
@media(max-width:900px){
    .plans-grid{
        grid-template-columns:repeat(2,minmax(260px,320px));
    }

    .plan-visual{
        height:220px;
    }
}

/* Mobile */
@media(max-width:650px){
    .plans-shell{
        width:min(100% - 22px,1120px);
        padding:25px 0 32px;
    }

    .plans-hero{
        margin-bottom:21px;
    }

    .plans-hero h1{
        font-size:29px;
    }

    .plans-grid{
        grid-template-columns:1fr;
        max-width:410px;
        margin-inline:auto;
    }

    .pricing-card{
        max-width:410px;
        width:100%;
        margin:auto;
    }

    .plan-visual{
        height:200px;
    }
}
.terms-page{max-width:900px;margin:40px auto;padding:20px}.terms-card{background:#fff;border:1px solid #e8e5ef;border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(37,41,70,.08)}.policy-content{line-height:2;margin:25px 0}.contact-box{display:grid;gap:7px;padding:18px;border-radius:16px;background:#f6f5fb;margin:24px 0}.contact-box a{direction:ltr;text-align:right}

/* Payment account + readable policy */
.payment-account-card{grid-column:2;margin:2px 0 18px;padding:16px;border:1px solid #dce3f2;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9ff)}
.payment-account-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e8ecf5}.payment-account-head div{display:grid;gap:3px}.payment-account-head span{font-size:11px;color:var(--muted);font-weight:700}.payment-account-head strong{font-size:17px}.secure-payment-badge{padding:6px 9px;border-radius:999px;background:#eef2ff;color:#425bb1!important;white-space:nowrap}.bank-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.bank-detail{position:relative;display:grid;gap:3px;padding:11px 12px;border:1px solid #e6eaf3;border-radius:12px;background:#fff}.bank-detail.wide{grid-column:1/-1}.bank-detail span{font-size:10px;color:var(--muted)}.bank-detail b{font-size:13px;overflow-wrap:anywhere}.copy-detail{padding-left:72px}.copy-bank-value{position:absolute;left:9px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;padding:7px 10px;background:#eef2ff;color:#4057ae;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.copy-bank-value.copied{background:#e9f8ef;color:#28784a}.payment-qr-wrap{margin-top:12px;text-align:center}.payment-qr-wrap a{display:inline-grid;gap:6px;color:#52627d;font-size:11px;font-weight:700}.payment-qr-wrap img{width:150px;height:150px;object-fit:contain;padding:7px;border:1px solid #e1e6f0;border-radius:14px;background:#fff}.payment-instructions,.payment-unavailable{margin-top:12px;padding:10px 12px;border-radius:11px;font-size:11px;line-height:1.7}.payment-instructions{background:#f3f6fb;color:#53627d}.payment-unavailable{background:#fff6e8;border:1px solid #f3dfb9;color:#805f28}.open-policy-btn{display:inline-flex;margin-top:7px;border:1px solid #cfd8f2;background:#fff;color:#3f57ae;border-radius:9px;padding:7px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.policy-modal[hidden]{display:none}.policy-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.policy-modal-backdrop{position:absolute;inset:0;background:rgba(20,29,52,.58);backdrop-filter:blur(4px)}.policy-modal-card{position:relative;width:min(760px,100%);max-height:min(82vh,760px);display:grid;grid-template-rows:auto 1fr auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(17,27,55,.28);overflow:hidden}.policy-modal-head,.policy-modal-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #e8ecf3}.policy-modal-head span{font-size:11px;color:#64728d}.policy-modal-head h2{font-size:19px;margin:2px 0 0}.policy-modal-head>button{border:0;background:#f1f3f8;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}.policy-modal-content{overflow:auto;padding:20px;line-height:1.95;font-size:13px;color:#30394c}.policy-modal-content p{margin:0 0 12px}.policy-modal-actions{border-top:1px solid #e8ecf3;border-bottom:0}.policy-modal-actions a{color:#4059b2;font-weight:700;font-size:12px}.primary-policy-close{border:0;border-radius:10px;background:#425fba;color:#fff;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer}.modal-open{overflow:hidden}
@media(max-width:600px){.payment-account-card{grid-column:2;padding:13px}.bank-details-grid{grid-template-columns:1fr}.bank-detail.wide{grid-column:auto}.payment-account-head{align-items:flex-start}.payment-qr-wrap img{width:130px;height:130px}.policy-modal{padding:10px}.policy-modal-card{max-height:90vh;border-radius:16px}.policy-modal-actions{align-items:stretch;flex-direction:column}.primary-policy-close{width:100%}}

/* =========================================================
   Signup Payment Section V2 — stable responsive layout
   ========================================================= */
.payment-section{
    grid-template-columns:42px minmax(0,1fr);
    column-gap:12px;
    align-items:start;
}
.payment-section > .section-number{grid-column:1}
.payment-section > .section-copy{grid-column:2;min-width:0}
.payment-section > .payment-account-card,
.payment-section > .payment-form-field{
    grid-column:2 / -1;
    width:100%;
    min-width:0;
}
.payment-account-card{
    margin:4px 0 18px;
    padding:18px;
    border:1px solid #dce3f2;
    border-radius:18px;
    background:linear-gradient(145deg,#fff 0%,#f7f9ff 100%);
    box-shadow:0 10px 28px rgba(36,59,107,.06);
    overflow:hidden;
}
.payment-account-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding-bottom:14px;
    border-bottom:1px solid #e8ecf5;
}
.payment-account-head > div{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    min-width:0;
}
.payment-account-head > div > span{font-size:12px;color:var(--muted);font-weight:800}
.payment-account-head > div > strong{font-size:18px;color:var(--ink);white-space:nowrap}
.secure-payment-badge{
    flex:none;padding:7px 11px;border-radius:999px;background:#eef2ff;
    color:#425bb1!important;white-space:nowrap;font-size:11px!important;font-weight:800!important
}
.bank-details-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
    margin-top:14px;
    min-width:0;
}
.bank-detail{
    position:relative;
    min-width:0;
    min-height:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding:12px 14px;
    border:1px solid #e6eaf3;
    border-radius:13px;
    background:#fff;
}
.bank-detail.wide{grid-column:1/-1}
.bank-detail span{font-size:10px;color:var(--muted);font-weight:700}
.bank-detail b{
    display:block;min-width:0;font-size:14px;line-height:1.55;
    overflow-wrap:anywhere;word-break:break-word
}
.copy-detail{padding-left:86px}
.copy-bank-value{
    position:absolute;left:11px;top:50%;transform:translateY(-50%);
    min-width:58px;border:0;border-radius:9px;padding:8px 11px;
    background:#eef2ff;color:#4057ae;font:inherit;font-size:11px;font-weight:800;cursor:pointer
}
.copy-bank-value:hover{background:#e3e9ff}
.copy-bank-value.copied{background:#e9f8ef;color:#28784a}
.payment-qr-wrap{
    margin-top:14px;padding-top:14px;border-top:1px solid #edf0f5;text-align:center
}
.payment-qr-wrap a{
    display:inline-grid;justify-items:center;gap:8px;color:#52627d;font-size:11px;font-weight:700
}
.payment-qr-wrap img{
    width:170px;height:170px;object-fit:contain;padding:8px;border:1px solid #e1e6f0;
    border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(36,59,107,.07)
}
.payment-instructions,.payment-unavailable{
    width:100%;margin-top:13px;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.9
}
.payment-form-field{margin-top:2px;margin-bottom:13px}
.payment-form-field input[type="file"],.payment-form-field textarea{width:100%}

@media(max-width:600px){
    .payment-section{grid-template-columns:34px minmax(0,1fr)}
    .payment-account-card{padding:14px;border-radius:15px}
    .payment-account-head{align-items:flex-start;flex-direction:column;gap:9px}
    .payment-account-head > div{align-items:flex-start;flex-direction:column;gap:3px}
    .payment-account-head > div > strong{white-space:normal;font-size:16px}
    .bank-details-grid{grid-template-columns:minmax(0,1fr)}
    .bank-detail.wide{grid-column:auto}
    .copy-detail{padding-left:78px}
    .payment-qr-wrap img{width:145px;height:145px}
}



/* =========================================================
   Signup Payment Section V3 — isolated full-width layout
   Prevents the payment content from collapsing inside form grid
   ========================================================= */
.payment-section{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:24px 0 !important;
    background:transparent !important;
}
.payment-section-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    width:100%;
    margin-bottom:16px;
}
.payment-section-head .section-number{
    flex:0 0 38px;
}
.payment-section-head .section-copy{
    flex:1 1 auto;
    width:auto;
    min-width:0;
}
.payment-section-head .section-copy h2{margin:0 0 3px}
.payment-section-head .section-copy p{margin:0;color:var(--muted);line-height:1.7}
.payment-section > .payment-account-card,
.payment-section > .payment-form-field{
    display:block;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:auto !important;
}
.payment-section .payment-account-card{
    margin:0 0 16px !important;
    padding:18px !important;
}
.payment-section .bank-details-grid{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.payment-section .bank-detail{width:100%;min-width:0}
.payment-section .payment-form-field{margin:0 0 14px}
.payment-section .payment-form-field label{display:block;margin-bottom:7px}
.payment-section .payment-form-field input[type="file"],
.payment-section .payment-form-field textarea{
    display:block;
    width:100% !important;
    max-width:100%;
}
@media(max-width:600px){
    .payment-section{padding:20px 0 !important}
    .payment-section-head{gap:10px}
    .payment-section-head .section-number{flex-basis:32px}
    .payment-section .payment-account-card{padding:14px !important}
    .payment-section .bank-details-grid{grid-template-columns:1fr}
}