:root{--white:#fff;--teal:#9ef8ec;--offwhite:#f7f9fc;--slate:#9197ae;--ink:#2c2f3a;--dark:#022b6d;--card:#fff;--rule:#e3e6ee;--green:#2d7a6a;--danger:#c0392b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--ink);min-height:100vh;font-family:Montserrat,sans-serif}.progress-bar-wrap{background:var(--rule);z-index:100;height:6px;position:sticky;top:0;box-shadow:0 1px 4px #1e213014}.progress-bar-fill{background:var(--teal);width:0%;height:100%;transition:width .5s;position:relative}.progress-bar-fill:after{content:attr(data-label);color:var(--slate);white-space:nowrap;letter-spacing:.5px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;position:absolute;top:8px;right:0;transform:translate(50%)}main{flex-direction:column;justify-content:center;max-width:680px;min-height:100vh;margin:0 auto;padding:40px 28px 160px;display:flex}.wcard{opacity:0;display:none}.wcard-active{animation:.6s forwards fadeSlideIn;display:block}.wcard-exit{animation:.25s ease-in forwards fadeSlideOut}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.welcome-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:60px 28px;display:flex}.welcome-title{color:var(--dark);letter-spacing:1px;margin-bottom:12px;font-size:32px;font-weight:700}.welcome-sub{color:var(--slate);max-width:440px;margin-bottom:40px;font-size:14px;line-height:1.7}.btn-get-started{background:var(--teal);color:var(--dark);letter-spacing:1px;cursor:pointer;border:none;border-radius:50px;padding:16px 48px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 6px 24px #9ef8ec59}.btn-get-started:hover{opacity:.88;transform:translateY(-2px)}.card{background:var(--offwhite);border:1px solid var(--offwhite);border-radius:20px;margin-bottom:28px;padding:44px 42px 40px;position:relative;box-shadow:-14px 12px 24px #0000000f}.card:before{content:"";background:var(--teal);opacity:0;border-radius:20px 20px 0 0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.card:focus-within:before{opacity:1}.card-head{border-bottom:1px solid var(--rule);margin-bottom:30px;padding-bottom:20px}.card-label{color:var(--dark);letter-spacing:.5px;font-size:15px;font-weight:700}.card-desc{color:var(--slate);margin-top:4px;font-size:12.5px;line-height:1.6}.field-group{flex-direction:column;gap:20px;display:flex}.field-block{flex-direction:column;gap:10px;display:flex}.field-row-label{letter-spacing:1.2px;color:var(--dark);font-size:11.5px;font-weight:500}.hint{color:var(--slate);margin-bottom:4px;font-size:11.5px;font-style:italic;line-height:1.5;display:block}textarea,input[type=text],input[type=email],select{background:var(--white);border:1.5px solid var(--rule);width:100%;color:var(--ink);resize:vertical;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239197AE' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:12px;padding:13px 16px;font-family:Montserrat,sans-serif;font-size:15px;line-height:1.7;transition:border-color .2s,background .2s,box-shadow .2s}select{cursor:pointer;padding-right:40px}textarea,input[type=text],input[type=email]{background-image:none}textarea:focus,input[type=text]:focus,input[type=email]:focus,select:focus{border-color:var(--teal);background-color:var(--white);outline:none;box-shadow:0 0 0 3px #9ef8ec24}textarea{min-height:70px}.two-col{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:560px){.two-col{grid-template-columns:1fr}}.info-box{border:1.5px solid var(--teal);color:var(--dark);background:#9ef8ec1a;border-radius:12px;padding:16px 20px;font-size:12.5px;line-height:1.6}.info-box strong{font-weight:600}.nav-row{justify-content:center;gap:14px;margin-top:36px;display:flex}.btn-nav{background:var(--dark);color:var(--white);letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;padding:12px 36px;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #1e213024}.btn-nav:hover{background:#131f4a;transform:translateY(-1px)}.btn-nav:active{transform:translateY(0)}.btn-nav.secondary{background:var(--white);color:var(--ink);border:1.5px solid var(--rule);box-shadow:none}.btn-nav.secondary:hover{border-color:var(--teal);background:var(--white)}.btn-submit{background:var(--dark);color:var(--white);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:14px;padding:16px 56px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #1e21302e}.btn-submit:after{content:"";background:var(--teal);height:3px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.btn-submit:hover{background:#131f4a;transform:translateY(-2px);box-shadow:0 8px 24px #1e213038}.btn-submit:hover:after{transform:scaleX(1)}.btn-submit:active{transform:translateY(0)}.toast{border:1.5px solid var(--teal);color:var(--dark);text-align:center;background:#e8faf7;border-radius:14px;margin-top:20px;padding:12px 22px;font-size:13px;font-weight:500;display:none}.membership-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}@media (max-width:560px){.membership-grid{grid-template-columns:1fr}}.membership-option{border:1.5px solid var(--rule);cursor:pointer;background:var(--white);border-radius:16px;flex-direction:column;padding:0;transition:all .25s;display:flex;position:relative;overflow:hidden}.membership-option:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 8px 24px #1e21301a}.membership-option.selected{border-color:var(--teal);box-shadow:0 8px 28px #9ef8ec40,0 4px 12px #1e213014}.membership-header{background:var(--offwhite);border-bottom:1px solid var(--rule);padding:20px 22px 16px;transition:all .25s;position:relative}.membership-option.selected .membership-header{background:var(--dark);border-bottom-color:var(--dark)}.membership-badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--green);background:#9ef8ec26;border:1px solid #9ef8ec66;border-radius:50px;margin-bottom:12px;padding:4px 12px;font-size:9.5px;font-weight:700;transition:all .25s;display:inline-block}.membership-option.selected .membership-badge{background:var(--teal);color:var(--dark);border-color:var(--teal)}.membership-name{color:var(--dark);font-size:13.5px;font-weight:700;transition:color .25s}.membership-option.selected .membership-name{color:var(--white)}.membership-body{flex:1;padding:22px 22px 24px}.membership-price{color:var(--dark);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.membership-price span{color:var(--slate);font-size:13px;font-weight:400}.membership-divider{background:var(--rule);height:1px;margin:16px 0;position:relative}.membership-option.selected .membership-divider{background:linear-gradient(90deg, var(--teal), var(--rule))}.membership-detail{color:var(--slate);font-size:12px;line-height:1.6}.membership-detail strong{color:var(--dark);font-weight:600}.membership-check{border:1.5px solid var(--rule);background:var(--white);border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;top:18px;right:18px}.membership-option.selected .membership-check{background:var(--teal);border-color:var(--teal)}.chip-group{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.chip-group input[type=radio],.chip-group input[type=checkbox]{display:none}.chip{border:1.5px solid var(--rule);cursor:pointer;background:var(--offwhite);color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:50px;padding:7px 16px;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:500;line-height:1;transition:all .15s;display:inline-block}input[type=radio]:checked+.chip,input[type=checkbox]:checked+.chip{background:var(--dark);border-color:var(--dark);color:var(--white);font-weight:600}.chip:hover{border-color:var(--teal);color:var(--dark)}.toggle-row{background:var(--white);border:1.5px solid var(--rule);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s;display:flex}.toggle-row.active{border-color:var(--teal)}.toggle-label{color:var(--dark);font-size:13px;font-weight:500}.toggle-switch{background:var(--rule);cursor:pointer;border-radius:50px;flex-shrink:0;width:46px;height:26px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--teal)}.toggle-switch:after{content:"";background:var(--white);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch.on:after{transform:translate(20px)}.review-block{background:var(--white);border:1.5px solid var(--rule);border-radius:12px;margin-bottom:14px;padding:18px 20px}.review-block-title{letter-spacing:1.5px;color:var(--slate);margin-bottom:10px;font-size:11px;font-weight:700}.review-row{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.review-label{color:var(--slate);font-size:12px;font-weight:500}.review-value{color:var(--dark);text-align:right;word-break:break-all;font-size:12px;font-weight:600}.next-steps{flex-direction:column;gap:14px;margin-top:8px;display:flex}.step-row{background:var(--white);border:1.5px solid var(--rule);border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex}.step-row.done{border-color:var(--teal)}.step-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.step-icon.check{color:var(--green);background:#9ef8ec33}.step-icon.action{color:var(--dark);background:#022b6d14}.step-text{flex:1}.step-title{color:var(--dark);font-size:13px;font-weight:600}.step-sub{color:var(--slate);margin-top:2px;font-size:11.5px}.btn-step{background:var(--dark);color:var(--white);letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-step:hover{background:#131f4a;transform:translateY(-1px)}@media (max-width:600px){main{padding:28px 14px 120px}.card{padding:30px 22px 28px}}