.page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px 60px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(86,195,169,.07) 0%,transparent 70%),var(--dark-bg)}.screen{margin-top:40px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:22px}.field-group{display:flex;flex-direction:column;gap:7px}.field-label{font-size:15px;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.dropdown-btn{background:var(--input-bg);border:1px solid transparent;border-radius:6px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;width:100%;transition:border-color .15s}.dropdown-btn:hover{border-color:var(--teal-dim)}.dropdown-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.dropdown-val{color:#fff;font-size:16px;font-weight:400}.dropdown-placeholder{color:#9ca6a1;font-size:16px}.dropdown-arrow{color:#fff;font-size:16px}.plans-card{background:var(--card-bg);border:3px solid var(--border);padding:18px 14px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.plans-card-header{text-align:center;display:flex;flex-direction:column;gap:4px}.plans-card-title{font-size:20px;font-weight:500;letter-spacing:.04em;color:var(--teal)}.plans-card-sub{font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.plans-row{display:flex;gap:12px;width:100%}.plan-item{flex:1;background:var(--plan-bg);border:1px solid transparent;border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:140px;justify-content:center;position:relative;overflow:visible;transition:border-color .15s,background .15s;cursor:pointer}.plan-item:hover{border-color:var(--teal-dim)}.plan-item--selected{border-color:var(--teal-dim);background:#142828}.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%);background:#000;color:#c4c4c4;font-size:7px;font-weight:500;letter-spacing:.08em;padding:3px 8px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;white-space:nowrap}.plan-label{font-size:18px;font-weight:500;color:var(--text-dim);margin-top:10px}.plan-label--selected{color:var(--teal)}.plan-duration{font-size:13px;color:var(--text-faint);font-weight:400}.plan-price{font-size:23px;font-weight:500;color:#fff;margin-top:4px}.card-section{display:flex;flex-direction:column;gap:14px}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-input{background:var(--input-bg);border:1px solid transparent;border-radius:6px;padding:13px 16px;color:#fff;font-size:18px;font-weight:400;width:100%;transition:border-color .15s;outline:none}.field-input::placeholder{color:#5a7a70}.field-input:focus{border-color:var(--teal-dim)}.summary{background:var(--card-bg);border:1px solid var(--border);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:13px;font-weight:500;color:var(--text-muted)}.summary-value{font-size:15px;font-weight:700;color:var(--teal)}.summary-price{font-size:20px;font-weight:700;color:#fff}.summary-divider{height:1px;background:var(--border)}.pay-btn{background:var(--green-btn);border-radius:5px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;transition:opacity .15s,transform .1s}.pay-btn:hover{opacity:.88}.pay-btn:active{transform:scale(.99)}.pay-btn-text{color:#fff;font-size:17px;font-weight:500}.stripe-badge{background:var(--stripe);padding:4px 16px;border-radius:3px}.stripe-text{color:#fff;font-size:15px;font-style:italic;font-weight:700;letter-spacing:.5px}.paystack-badge{background:var(--paystack);padding:5px 12px;border-radius:5px;display:flex;align-items:center;gap:6px}.paystack-icon{color:var(--paystack-ic);font-size:16px;font-weight:700}.paystack-text{color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px}.terms{font-size:12px;font-weight:400;color:#a5a5a5;line-height:1.7;text-align:center}.ssl-box{border:1px solid var(--teal);padding:14px 18px;display:flex;align-items:center;gap:14px}.ssl-icon{font-size:26px}.ssl-title{color:var(--teal);font-size:14px;font-weight:500;letter-spacing:.06em;margin-bottom:3px}.ssl-sub{color:var(--text-dim);font-size:11px;line-height:1.6}.floater-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:transparent}.floater-sheet{position:fixed;z-index:999;background:var(--dark-bg);border:1px solid var(--border-dim);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000008c;animation:floaterIn .15s ease}@keyframes floaterIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:var(--teal);font-family:var(--ff);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:14px 18px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.modal-item{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border-dim);color:#ccc;font-size:16px;font-weight:500;width:100%;text-align:left;cursor:pointer;transition:background .12s}@media (max-width: 400px){.page{padding:20px 12px 48px}.plans-row{gap:8px}.plan-price{font-size:15px}}@font-face{font-family:GothamPro;src:url(./assets/fonts/GothamPro.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GothamPro;src:url(./assets/fonts/GothamPro-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:GothamPro;src:url(./assets/fonts/GothamPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:GothamPro;src:url(./assets/fonts/GothamPro-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:GothamPro;src:url(./assets/fonts/GothamPro-Italic.ttf) format("truetype");font-weight:400;font-style:italic}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #56C3A9;--teal-dim: #2A6154;--dark-bg: #00131A;--card-bg: #000E11;--plan-bg: #231F20;--input-bg: #394D43;--green-btn: #154839;--border: #16352D;--border-dim: #2a4545;--text-muted: #9CA6A1;--text-faint: #888;--text-dim: #aaa;--stripe: #635bff;--paystack: #0B3D5E;--paystack-ic: #00C3F7;--overlay: rgba(0,0,0,.72);--ff: "GothamPro", sans-serif}html{font-size:16px}body{background:var(--dark-bg);color:#fff;font-family:var(--ff);font-weight:400;min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:var(--ff)}input{font-family:var(--ff)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--teal-dim);border-radius:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .15s ease}.modal-sheet{background:var(--dark-bg);border:1px solid var(--border-dim);border-radius:12px;overflow:hidden;width:min(220px,90vw);max-height:70vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.modal-title{color:var(--teal);font-family:var(--ff);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:14px 18px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.modal-list{overflow-y:auto;flex:1}.modal-item{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border-dim);color:#ccc;font-size:14px;font-weight:500;width:100%;text-align:left;cursor:pointer;transition:background .12s}.modal-item:last-child{border-bottom:none}.modal-item:hover{background:#56c3a90f}.modal-item.active{background:#0d2e2e;color:var(--teal);font-weight:700}.modal-item .check{color:var(--teal);font-size:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}