.signup-section{background:linear-gradient(135deg,#f5f7fa 0%,#fff 35.36%,#eff6ff 70.71%);justify-content:center;align-items:center;width:100%;padding:100px 1rem 3rem;display:flex}.signup-section .signup-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000040}.signup-section .signup-wrapper:before{content:"";opacity:.05;background:#2a8c96;border-radius:50%;width:200px;height:200px;position:absolute;top:-100px;right:-100px}.signup-section .signup-wrapper:after{content:"";opacity:.05;background:#2a8c96;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-100px;left:-100px}.signup-section .signup-wrapper .signup-header{flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex}.signup-section .signup-wrapper .signup-header .signup-logo{justify-content:flex-start;align-items:center;gap:.5rem;margin:0 auto;display:flex}.signup-section .signup-wrapper .signup-header .signup-logo h1{color:#1a3a52;flex-direction:column;gap:0;font-size:22px;font-weight:700;display:flex}.signup-section .signup-wrapper .signup-header .signup-logo h1 span{color:#6b7280;font-size:12px;font-weight:400}.signup-section .signup-wrapper .signup-header .signup-steps{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.signup-section .signup-wrapper .signup-header .signup-steps .step-col{cursor:pointer;justify-content:flex-start;align-items:center;gap:6px;transition:all .4s;display:flex}.signup-section .signup-wrapper .signup-header .signup-steps .step-col .count{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.signup-section .signup-wrapper .signup-header .signup-steps .step-col p{color:#9ca3af;font-size:14px;font-weight:500}.signup-section .signup-wrapper .signup-header .signup-steps .step-col .indicator{background:#d1d5db;border-radius:50%;width:50px;height:2px}.signup-section .signup-wrapper .signup-header .signup-steps .step-col.active .count{color:#fff;background:#2a8c96}.signup-section .signup-wrapper .signup-header .signup-steps .step-col.active p{color:#2a8c96}.signup-section .signup-wrapper .signup-header .signup-steps .step-col.active .indicator{background:#2a8c96}.signup-section .signup-wrapper .signup-text{text-align:center;flex-direction:column;gap:2px;display:flex}.signup-section .signup-wrapper .signup-text h2{color:#1a3a52;font-size:30px;font-weight:700}.signup-section .signup-wrapper .signup-text p{color:#4b5563;font-size:16px;font-weight:400}.signup-section .signup-wrapper .signup-form{flex-direction:column;gap:1rem;display:flex}.signup-section .signup-wrapper .signup-form .password-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.signup-section .signup-wrapper .signup-form .password-wrapper .password-step{justify-content:flex-start;align-items:center;gap:4px;display:flex}.signup-section .signup-wrapper .signup-form .password-wrapper .password-step .password-col{background:#e5e7eb;border-radius:4px;flex:1;height:4px;display:flex}.signup-section .signup-wrapper .signup-form .password-wrapper .password-step .password-col.matched{background:#2a8c96}.signup-section .signup-wrapper .signup-form .password-wrapper h5{color:#6b7280;font-size:12px;font-weight:400}.signup-section .signup-wrapper .signup-form .checkbox-feild{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.signup-section .signup-wrapper .signup-form .checkbox-feild input{accent-color:#2a8c96;width:1rem;height:1rem}.signup-section .signup-wrapper .signup-form .checkbox-feild label{color:#4b5563;flex-wrap:wrap;gap:.3rem;font-size:14px;font-weight:400;display:flex}.signup-section .signup-wrapper .signup-form .checkbox-feild label .legal-link{color:#2a8c96;cursor:pointer;pointer-events:auto;z-index:5;font-size:14px;font-weight:500;text-decoration:underline;transition:color .25s;position:relative}.signup-section .signup-wrapper .signup-form .checkbox-feild label .legal-link:hover{color:#0a5a6f;opacity:.9}.signup-section .signup-wrapper .signup-form .validation-error{color:#dc2626;margin-top:-.25rem;font-size:12px;font-weight:500}.signup-section .signup-wrapper .signup-form .signup-btn{padding-top:.5rem}.signup-section .signup-wrapper .signup-form .signup-btn button{color:#fff;white-space:nowrap;background:#2a8c96;border:1px solid #2a8c96;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 1.5rem;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,background-color .25s,filter .25s;display:flex}.signup-section .signup-wrapper .signup-form .signup-btn button svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.signup-section .signup-wrapper .signup-form .signup-btn button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 25px #2a8c9659,0 3px 10px #2a8c9626}.signup-section .signup-wrapper .signup-form .signup-btn button:hover svg{opacity:.9;transform:scale(1.08)}.signup-section .signup-wrapper .signup-form .signup-btn button:active{transform:scale(.96);box-shadow:0 2px 6px #2a8c9640}.signup-section .signup-wrapper .signup-form .signup-btn button{width:100%}.signup-section .signup-wrapper .signup-form .signup-footer{text-align:center;flex-direction:column;gap:0;display:flex}.signup-section .signup-wrapper .signup-form .signup-footer p{color:#4b5563;font-size:14px;font-weight:400}.signup-section .signup-wrapper .signup-form .signup-footer a{color:#2a8c96;font-size:16px;font-weight:600}.signup-section .signup-wrapper .payment-step{position:relative}.signup-section .signup-wrapper .payment-step .payment-loading-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #5a9aa81a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:2rem 0 0;box-shadow:0 10px 40px #0000001a}.signup-section .signup-wrapper .payment-step .payment-loading-overlay p{color:#2a8c96;margin:0;font-size:18px;font-weight:600;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.signup-section .signup-wrapper .payment-step .plan-selection{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card:hover{border-color:#2a8c96;transform:translateY(-2px);box-shadow:0 8px 20px #5a9aa826}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card.featured{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-color:#f59e0b}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card.recommended .badge{color:#fff;background:#2a8c96;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-10px;right:10px}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .popular-badge{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card h3{color:#1f2937;margin-bottom:.5rem;font-size:20px;font-weight:700}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .price{align-items:baseline;gap:.25rem;margin-bottom:1rem;display:flex}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .price .amount{color:#2a8c96;font-size:32px;font-weight:700}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .price .period{color:#6b7280;font-size:14px}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .features{margin:1rem 0;padding:0;list-style:none}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .features li{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:.5rem 0;font-size:14px}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .features li:last-child{border-bottom:none}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .select-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2a8c96 0%,#487d8a 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.signup-section .signup-wrapper .payment-step .plan-selection .plan-card .select-btn:hover{background:linear-gradient(135deg,#487d8a 0%,#36626f 100%);transform:scale(1.02)}.signup-section .signup-wrapper .payment-step .loading-payment{text-align:center;padding:3rem 0}.signup-section .signup-wrapper .payment-step .loading-payment p{color:#6b7280;margin-top:1rem;font-size:14px}.signup-section .signup-wrapper .payment-step .back-btn{color:#2a8c96;cursor:pointer;background:0 0;border:2px solid #2a8c96;border-radius:8px;width:100%;margin-top:1rem;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.signup-section .signup-wrapper .payment-step .back-btn:hover{color:#fff;background:#2a8c96}