#payment-lock-screen{min-height:100vh;padding:clamp(20px,5vw,72px);background:radial-gradient(circle at 5% 0%,#d8f4e9 0,transparent 35%),linear-gradient(140deg,#f5faf8,#eef5f2);display:flex;align-items:center;justify-content:center}
#payment-lock-screen .payment-lock-layout{width:min(1100px,100%);background:#fff;border:1px solid #dceae4;border-radius:24px;box-shadow:0 24px 70px #0a35221a;overflow:hidden}
#payment-lock-screen .payment-lock-header{padding:clamp(24px,4vw,46px);background:linear-gradient(115deg,#0c4839,#0e7357);color:#fff}
#payment-lock-screen .payment-lock-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}
#payment-lock-screen .payment-lock-brand img{width:42px;height:42px;object-fit:contain}
#payment-lock-screen .payment-lock-brand span{color:#8ef0c3}
#payment-lock-screen .payment-lock-eyebrow{display:inline-block;margin:32px 0 8px;color:#b9f6d8;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#payment-lock-screen h1{font-size:clamp(28px,3.5vw,42px);line-height:1.15;letter-spacing:-.035em;margin:0 0 10px}
#payment-lock-screen .payment-lock-header p{color:#e0f5ea;max-width:670px;margin:0;line-height:1.6}
#payment-lock-screen .payment-lock-content{padding:clamp(24px,4vw,46px)}
#payment-lock-screen .payment-lock-intro h2{font-size:21px;margin:0 0 5px}
#payment-lock-screen .payment-lock-current{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;margin-bottom:26px;border:1px solid #aadcc5;border-radius:14px;background:#effaf3}
#payment-lock-screen .payment-lock-current small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#147250}
#payment-lock-screen .payment-lock-current h3{margin:6px 0;font-size:18px}
#payment-lock-screen .payment-lock-current p{margin:0;color:#537064;overflow-wrap:anywhere}
#payment-lock-screen .payment-lock-resume{display:inline-block;padding:11px 18px;border-radius:9px;background:#0d8d64;color:#fff;text-decoration:none;font-weight:750}
#payment-lock-screen .payment-lock-resume:hover{background:#0a7352}
#payment-lock-screen .payment-lock-intro p{color:#60746b;margin:0 0 22px}
#payment-lock-screen .payment-lock-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:16px}
#payment-lock-screen .payment-lock-plan{display:flex;flex-direction:column;min-height:206px;padding:23px;border:1px solid #dceae4;border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
#payment-lock-screen .payment-lock-plan:hover{border-color:#0d8d64;box-shadow:0 10px 25px #0d8d6415}
#payment-lock-screen .payment-lock-plan h3{font-size:19px;margin:0 0 15px}
#payment-lock-screen .payment-lock-price{font-size:28px;font-weight:800;letter-spacing:-.04em;color:#103b2e;margin:0}
#payment-lock-screen .payment-lock-price small{font-size:13px;color:#60746b;font-weight:500;letter-spacing:0}
#payment-lock-screen .payment-lock-plan button{width:100%;margin-top:auto;background:#0d8d64;color:#fff;border:0;border-radius:9px;padding:12px;font-weight:750;cursor:pointer}
#payment-lock-screen .payment-lock-plan button:hover{background:#0a7352}
#payment-lock-screen .payment-lock-plan button:disabled{opacity:.6;cursor:wait}
#payment-lock-screen .payment-lock-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:22px;margin-top:24px;border-top:1px solid #e4ece8}
#payment-lock-screen .payment-lock-actions button{border:1px solid #c9ded3;background:#fff;color:#16523e;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}
#payment-lock-screen .payment-lock-actions button:hover{background:#eef8f3}
#payment-lock-screen .payment-lock-error{min-height:0;margin-top:12px;color:#b42318}
#payment-lock-screen .payment-lock-error:empty{display:none}
@media(max-width:600px){#payment-lock-screen{padding:12px;align-items:flex-start}#payment-lock-screen .payment-lock-layout{border-radius:16px}#payment-lock-screen .payment-lock-eyebrow{margin-top:25px}#payment-lock-screen .payment-lock-plan{min-height:170px}#payment-lock-screen .payment-lock-actions{align-items:stretch}#payment-lock-screen .payment-lock-actions button{width:100%}}