.membership-section{padding:80px 0;background:linear-gradient(180deg,#edf6fa 0%,#f6f9fb 76%,#fff 100%);color:#173c51}.membership-heading{text-align:center;margin:0 auto 40px;max-width:760px}.membership-heading h1,.membership-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.35;margin:0 0 14px;letter-spacing:-.8px}.membership-heading p{color:#718795;font-size:15px;line-height:1.8;margin:0}.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1160px;margin:auto}.membership-card{position:relative;overflow:hidden;background:white;border:1px solid #e1ebf0;border-radius:14px;box-shadow:0 8px 30px #173c5108}.membership-card.featured{border:2px solid #138797;box-shadow:0 12px 36px #13879715}.membership-badge{position:absolute;right:20px;top:0;padding:6px 13px;border-radius:0 0 7px 7px;background:#138797;color:white;font-size:12px}.membership-card-head{text-align:center;padding:36px 25px 26px}.membership-card h3{font-size:24px;margin:0 0 10px}.membership-card-head>p{font-size:13px;color:#7f909e;line-height:1.7;min-height:44px;margin:0}.membership-symbol{display:grid;place-items:center;width:68px;height:68px;margin:18px auto 23px;border-radius:20px;background:linear-gradient(145deg,#e7f6f6,#c8e9ef);color:#128799;font-size:38px;box-shadow:0 8px 18px #12879912}.membership-price{display:flex;align-items:baseline;justify-content:center;gap:4px;min-height:62px;color:#078391}.membership-price strong{font-size:44px;font-weight:700;letter-spacing:-1.5px}.membership-price small,.membership-price span{font-size:13px}.membership-button{display:block;width:100%;max-width:215px;box-sizing:border-box;margin:12px auto 30px;padding:12px 18px;border:0;border-radius:30px;background:#078391;color:white;text-decoration:none;text-align:center;font:600 14px system-ui;cursor:pointer;transition:background .15s,transform .15s}.membership-button:hover{background:#066c78;transform:translateY(-1px)}.membership-button.secondary{background:#e6f1f4;color:#196376}.membership-facts{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#67808f}.membership-facts strong{display:block;margin-top:8px;font-size:16px;color:#173c51}.membership-features{padding:25px 28px 28px;border-top:1px solid #edf2f5}.membership-features h4{font-size:14px;margin:0 0 15px}.membership-features h4:not(:first-child){margin-top:27px}.membership-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;font-size:12px;line-height:1.6}.membership-features li:before{content:'✓';margin-right:6px;color:#12a384;font-weight:700}.membership-note{font-size:12px;color:#7e919e;line-height:1.8;margin:27px 0 0;min-height:44px}.membership-footnote{text-align:center;max-width:980px;margin:25px auto 0;color:#7f909e;font-size:12px;line-height:1.9}.membership-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0}.membership-topbar a{text-decoration:none}.membership-topbar nav{display:flex;gap:22px;font-size:14px}.membership-checkout,.membership-history{max-width:1160px;margin:30px auto 0;padding:28px;background:#fff;border:1px solid #e1ebf0;border-radius:14px;box-sizing:border-box}.membership-checkout h2,.membership-history h2{font-size:20px;margin:0 0 18px}.membership-summary{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.membership-summary strong{font-size:27px;color:#078391}.membership-summary small{color:#718795}.membership-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;color:#58717e;margin:20px 0}.membership-consent input{margin-top:5px;accent-color:#078391}.membership-consent a{color:#078391}.membership-checkout .membership-button{margin:20px 0 0;max-width:240px}.membership-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.membership-status{font-size:13px;line-height:1.8;color:#617c8c;margin:18px 0 0}.membership-status.error{color:#bc5d31}.membership-history-list{display:grid;gap:10px}.membership-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eff3f6;font-size:13px}.membership-order small{display:block;color:#7f909e;margin-top:5px;overflow-wrap:anywhere}.membership-order button,.membership-plain-button{padding:8px 14px;border:1px solid #ccdde5;border-radius:7px;background:#fff;color:#23576b;cursor:pointer;font:13px system-ui}.membership-dialog{border:1px solid #d8e7ed;border-radius:16px;padding:28px;width:min(360px,calc(100vw - 60px));text-align:center;color:#173c51;box-shadow:0 20px 80px #173c5130}.membership-dialog::backdrop{background:#102d4670}.membership-dialog h2{font-size:21px;margin:0 0 15px}.membership-dialog img{width:240px;height:240px;max-width:100%;display:block;margin:15px auto}.membership-dialog small{display:block;overflow-wrap:anywhere;color:#8293a0;line-height:1.8}.membership-dialog .membership-status{min-height:45px}.membership-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.membership-button:focus-visible,.membership-plain-button:focus-visible,.membership-order button:focus-visible{outline:3px solid #74bfcd;outline-offset:3px}@media(max-width:980px){.membership-grid{gap:15px}.membership-card-head{padding:35px 17px 24px}.membership-features{padding:24px 19px}.membership-features ul{grid-template-columns:1fr}}@media(max-width:700px){.membership-section{padding:44px 0}.membership-grid{grid-template-columns:1fr;max-width:420px}.membership-heading{margin-bottom:28px}.membership-features ul{grid-template-columns:1fr 1fr}.membership-card-head>p{min-height:0}.membership-symbol{margin:20px auto}.membership-checkout,.membership-history{padding:22px 18px}.membership-topbar nav{gap:12px;font-size:12px}.membership-order{align-items:flex-start}.membership-topbar{flex-wrap:wrap}}
.membership-dialog img[hidden]{display:none!important}
.membership-dialog [hidden]{display:none!important}.membership-success-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#e4f7ee;color:#13a572;font-size:36px;font-weight:700}.membership-dialog.is-paid{border-color:#b9e4d1}.membership-dialog.is-paid h2{color:#11885f}.membership-dialog.is-paid .membership-status{color:#315d50}.membership-dialog #payment-workbench{margin:22px auto 0}
