.me-page{background:var(--bg);padding:clamp(2rem,5vw,3.5rem) 0 clamp(4rem,8vw,5rem)}.me-page__head{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end;gap:1.5rem 2rem;max-width:62rem;margin-bottom:2rem;display:grid}.me-page__title{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:800;line-height:1.08}.me-page__lead{max-width:34rem;color:var(--muted);margin:0;font-size:.98rem;line-height:1.7}.me-section{margin-bottom:2.4rem}.me-section__title{color:var(--text);letter-spacing:-.02em;margin:0 0 1rem;font-size:1rem;font-weight:800}.me-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:.95rem;display:grid}.me-card{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:var(--surface);width:100%;max-width:248px;box-shadow:0 12px 30px color-mix(in srgb, var(--text) 9%, transparent), inset 0 1px 0 #ffffffa6;border-radius:22px;flex-direction:column;margin-inline:auto;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.me-card:hover{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));box-shadow:0 18px 42px color-mix(in srgb, var(--text) 13%, transparent), inset 0 1px 0 #ffffffad;transform:translateY(-3px)}.me-card__media{aspect-ratio:1/.86;background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 11%, var(--bg-alt)) 0%, var(--bg-alt) 100%);position:relative}.me-card__media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000014);height:42%;position:absolute;inset:auto 0 0}.me-card__media img{object-fit:cover;width:100%;height:100%}.me-card__band-chip{z-index:1;background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid color-mix(in srgb, #22c55e 24%, var(--border));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:baseline;gap:.35rem;padding:.28rem .56rem;display:inline-flex;position:absolute;bottom:.68rem;left:.68rem;box-shadow:0 10px 24px #0f172a1f}.me-card__band-chip-label{letter-spacing:.08em;text-transform:uppercase;color:#15803d;font-size:.54rem;font-weight:800}.me-card__band-chip-value{letter-spacing:-.03em;color:#14532d;font-size:.78rem;font-weight:900}.dark .me-card__band-chip-label{color:#86efac}.dark .me-card__band-chip-value{color:#dcfce7}.me-card__price-badge{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #fff9;border-radius:10px;align-items:baseline;gap:0;padding:.32rem .58rem;display:flex;position:absolute;bottom:.58rem;right:.58rem;box-shadow:0 4px 16px #0000001f}.me-card__price-badge-item{white-space:nowrap;align-items:baseline;gap:.06rem;display:inline-flex}.me-card__price-badge-dot{color:#64748b66;margin:0 .3rem;font-size:.62rem;font-weight:600}.me-card__price-badge-sym{color:#64748b;font-size:.62rem;font-weight:600}.me-card__price-badge-val{letter-spacing:-.02em;color:#0f172a;font-size:.78rem;font-weight:800}.me-buy-btn{gap:.45rem;box-shadow:0 4px 14px #00000029;color:#fff!important;background:#000!important;border-radius:10px!important}.me-buy-btn:hover{box-shadow:0 6px 20px #00000047;background:#1a1a1a!important}.me-card__badge-row{pointer-events:none;z-index:1;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.68rem;display:flex;position:absolute;inset:0}.me-card__status{white-space:nowrap;color:#166534;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d7f5e2;border:1px solid #22c55e57;border-radius:999px;align-items:center;gap:.32rem;padding:.34rem .68rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.dark .me-card__status{background:color-mix(in srgb, #22c55e 18%, var(--surface));color:#bbf7d0}.me-card__cat{letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;margin-left:auto;padding:.34rem .62rem;font-size:.62rem;font-weight:800;line-height:1}.me-card__cat--listen{background:color-mix(in srgb, #8b5cf6 14%, var(--surface));color:#6d28d9}.dark .me-card__cat--listen{background:color-mix(in srgb, #a78bfa 18%, var(--surface));color:#e9d5ff}.me-card__cat--read{background:color-mix(in srgb, #22c55e 12%, var(--surface));color:#166534}.dark .me-card__cat--read{background:color-mix(in srgb, #4ade80 16%, var(--surface));color:#bbf7d0}.me-card__cat--write{background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--primary-hover)}.me-card__cat--speak{background:color-mix(in srgb, #f59e0b 16%, var(--surface));color:#b45309}.dark .me-card__cat--speak{color:#fcd34d}.me-card__cat--full{background:color-mix(in srgb, var(--surface) 92%, #fff);color:var(--text);border:1px solid var(--border)}.me-card__cat--default{background:var(--primary-soft);color:var(--primary)}.me-card__body{flex-direction:column;flex:1;gap:.52rem;padding:.78rem .78rem .82rem;display:flex}.me-card__title-row{justify-content:space-between;align-items:center;gap:.62rem;display:flex}.me-card__title{min-width:0;font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.025em;color:var(--text);flex:1;margin:0;font-size:.9rem;font-weight:800;line-height:1.12}.me-card__price-pill{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);border-radius:999px;flex-shrink:0;padding:.36rem .68rem;font-size:.72rem;font-weight:800;line-height:1}.me-card__eyebrow{flex-wrap:nowrap;align-items:center;gap:.42rem;display:flex}.me-card__module-pill,.me-card__difficulty-pill{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:.32rem;padding:.32rem .62rem;font-size:.69rem;font-weight:800;line-height:1;display:inline-flex}.me-card__module-pill{color:#fff}.me-card__module-pill--full{color:#fff1f2;background:#cc2948}.dark .me-card__module-pill--full{color:#ffe4e6;background:#8e1337}.me-card__module-pill--listening{color:#eff6ff;background:#2093ce}.dark .me-card__module-pill--listening{color:#e0f2fe;background:#046195}.me-card__module-pill--reading{color:#f0fdf4;background:#32ae60}.dark .me-card__module-pill--reading{color:#dcfce7;background:#14763b}.me-card__module-pill--writing{color:#faf5ff;background:#a04bed}.dark .me-card__module-pill--writing{color:#f3e8ff;background:#7321be}.me-card__module-pill--default{color:#f8fafc;background:#4b5869}.dark .me-card__module-pill--default{color:#e2e8f0;background:#2f3d51}.me-card__difficulty-pill{background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--primary)}.me-card__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.58rem;font-size:.73rem;font-weight:600;display:flex}.me-card__meta span{align-items:center;gap:.38rem;display:inline-flex}.me-card__actions{flex-direction:column;gap:.42rem;margin-top:auto;padding-top:.1rem;display:flex}.me-card__actions--row{flex-direction:row}.me-card__actions--row .btn{flex:1;min-width:0}.me-card .btn,.me-card .btn-topbar-cta,.me-card .btn-outline{white-space:nowrap;border-radius:14px;min-height:2.48rem;padding:.58rem .78rem;font-size:.76rem;font-weight:800}.me-card .btn-outline{border-radius:10px}.me-card .btn-topbar-cta{justify-content:center;width:100%}.me-card__pending-btn{opacity:.85;cursor:default}.me-empty{border:1px dashed var(--border);background:var(--surface);text-align:center;color:var(--muted);border-radius:12px;padding:2rem}.manual-pay__backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a16b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.manual-pay{color:#f8fbff;background:linear-gradient(#0f1730 0%,#0b1329 100%);border:1px solid #5a6f9b47;border-radius:22px;width:min(540px,100%);max-height:min(82vh,720px);overflow:auto;box-shadow:0 36px 90px #00000073}.manual-pay__head{border-bottom:1px solid #5a6f9b33;align-items:flex-start;gap:.7rem;padding:.88rem 1rem .8rem;display:flex}.manual-pay__head-copy{flex:1;min-width:0}.manual-pay__head-copy h2{letter-spacing:-.03em;margin:0;font-size:clamp(1rem,1.9vw,1.4rem);font-weight:800}.manual-pay__head-copy p{color:#94a3b8;margin:.2rem 0 0;font-size:.82rem}.manual-pay__close{color:#93a4c7;background:0 0;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.manual-pay__close:hover{color:#fff;background:#94a3b81a}.manual-pay__section{padding:.85rem 1rem 0}.manual-pay__step{align-items:center;gap:.65rem;margin-bottom:.7rem;display:flex}.manual-pay__step span{color:#8ec2ff;background:#1d4ed852;border-radius:999px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.manual-pay__step h3{margin:0;font-size:.92rem;font-weight:800}.manual-pay__methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.manual-pay__method{color:#f8fbff;background:#151f3afa;border:1px solid #5d76a83d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:78px;padding:.65rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.manual-pay__method.is-active{background:#122244;border-color:#2d82ff;box-shadow:inset 0 0 0 1px #2d82ff66}.manual-pay__method-logo{place-items:center;min-height:22px;display:grid}.manual-pay__method-logo img{object-fit:contain;width:auto;height:22px}.manual-pay__wordmark{letter-spacing:-.02em;font-weight:800}.manual-pay__method--bkash .manual-pay__wordmark{color:#ff4d94}.manual-pay__method--touchngo .manual-pay__wordmark{color:#3cc8ff}.manual-pay__method span:last-child{font-size:.82rem;font-weight:700}.manual-pay__panel{text-align:center;background:#121b34fa;border:1px solid #5d76a82e;border-radius:16px;margin:.8rem 1rem 0;padding:.88rem .95rem}.manual-pay__muted{color:#8fa0c4;margin:0;font-size:.84rem}.manual-pay__muted--qr{margin-top:.7rem}.manual-pay__number-row{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.manual-pay__number{letter-spacing:.04em;font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:900}.manual-pay__number--bkash{color:#ff3f9f}.manual-pay__number--touchngo{color:#29c1ff}.manual-pay__number--ebl{color:#7988ff}.manual-pay__number--maybank{color:#ffd11a}.manual-pay__copy{color:#4aa3ff;background:0 0;border:0;font-size:.88rem;font-weight:700}.manual-pay__hint{color:#9eacc7;margin:.35rem 0 0;font-size:.84rem}.manual-pay__currency-select{border-top:1px solid #5d76a826;margin-top:.7rem;padding-top:.65rem}.manual-pay__currency-chips{justify-content:center;gap:.5rem;display:flex}.manual-pay__currency-chip{color:#c1cde0;cursor:pointer;background:#121b34fa;border:1px solid #5d76a847;border-radius:14px;flex-direction:column;align-items:center;gap:.18rem;min-width:72px;padding:.52rem .9rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.manual-pay__currency-chip:hover{background:#192648fa;border-color:#5d76a880}.manual-pay__currency-chip.is-active{color:#f8fbff;background:#122244;border-color:#2d82ff;box-shadow:inset 0 0 0 1px #2d82ff66}.manual-pay__currency-chip-code{letter-spacing:.04em;font-size:.72rem;font-weight:800}.manual-pay__currency-chip-amount{letter-spacing:-.02em;font-size:.82rem;font-weight:900}.manual-pay__amount-display{background:#1d4ed81f;border:1px solid #3b82f633;border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;margin-top:.8rem;padding:.65rem 1rem;display:flex}.manual-pay__amount-label{text-transform:uppercase;letter-spacing:.08em;color:#8ec2ff;font-size:.68rem;font-weight:700}.manual-pay__amount-value{letter-spacing:-.03em;color:#fff;font-size:1.5rem;font-weight:900}.manual-pay__qr-row{justify-content:center;align-items:center;gap:.9rem;margin-top:.65rem;display:flex}.manual-pay__qr-amount{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex}.manual-pay__qr-amount-label{color:#8fa0c4;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.manual-pay__qr-amount-value{letter-spacing:-.03em;color:#fff;font-size:1.5rem;font-weight:900}.manual-pay__qr-amount-hint{color:#6b7fa3;font-size:.68rem;font-weight:600}.manual-pay__qr{cursor:zoom-in;background:#fff;border:1px solid #ffffff1f;border-radius:16px;flex-shrink:0;width:min(160px,100%);margin:0;padding:.2rem;position:relative;overflow:hidden}.manual-pay__qr img{object-fit:contain;width:100%;height:auto;display:block}.manual-pay__qr-preview-backdrop{z-index:95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010712b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.manual-pay__qr-preview{background:#fff;border-radius:22px;width:min(560px,100%);padding:.75rem;position:relative;box-shadow:0 24px 60px #0000006b}.manual-pay__qr-preview img{object-fit:contain;border-radius:18px;width:100%;height:auto;display:block}.manual-pay__qr-preview-close{color:#0f172a;background:#0f172a1f;position:absolute;top:.5rem;right:.5rem}.manual-pay__input{color:#f8fbff;background:#121b34fa;border:1px solid #5d76a83d;border-radius:14px;width:100%;padding:.74rem .9rem;font-size:.88rem}.manual-pay__input::placeholder{color:#6f819f}.manual-pay__upload{color:#7f91b3;background:#0b1329b8;border:1px dashed #5d76a859;border-radius:14px;align-items:center;gap:.8rem;width:100%;padding:.74rem .9rem;font-size:.86rem;font-weight:600;display:inline-flex}.manual-pay__upload.is-done{color:#d6ffe3;border-style:solid;border-color:#22c55e6b}.manual-pay__alert{border-radius:12px;margin:.7rem 1rem 0;padding:.72rem .85rem;font-size:.82rem;font-weight:600}.manual-pay__alert--error{color:#fecaca;background:#dc26261f;border:1px solid #f8717147}.manual-pay__alert--warning{color:#fde68a;background:#f59e0b1f;border:1px solid #fbbf243d}.manual-pay__alert--success{color:#d1fae5;background:#22c55e1f;border:1px solid #4ade8038}.manual-pay__submit{color:#fff;background:linear-gradient(90deg,#8a2cff,#ff3f9f);border:0;border-radius:14px;justify-content:center;align-items:center;gap:.7rem;width:calc(100% - 2rem);min-height:46px;margin:.7rem 1rem 1rem;font-size:.88rem;font-weight:800;display:inline-flex;box-shadow:0 18px 42px #9f42ff40}.manual-pay__submit:disabled{color:#7687a5;box-shadow:none;cursor:not-allowed;background:#263551}@media (max-width:820px){.me-page__head{grid-template-columns:1fr;gap:.85rem}.me-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr))}.manual-pay__methods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.me-page{padding-top:1.6rem}.me-page__head{margin-bottom:1.5rem}.me-card__body{padding:.82rem}.me-card__title-row{align-items:center}.me-card__title{font-size:.92rem}.me-card__actions--row{flex-direction:column}.me-card{max-width:100%}.manual-pay{border-radius:20px}.manual-pay__head{padding:1rem}.manual-pay__section{padding:1rem 1rem 0}.manual-pay__panel{margin:1rem 1rem 0}.manual-pay__number-row{flex-direction:column;align-items:flex-start}.manual-pay__methods{grid-template-columns:1fr}.manual-pay__alert{margin-inline:1rem}.manual-pay__submit{margin-inline:1rem;width:calc(100% - 2rem);margin-bottom:1rem;font-size:1rem}}