.customer-signup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.customer-signup-content{background:white;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.15)}.customer-signup-header{background:linear-gradient(135deg,#03502D,#046b3a);color:white;padding:30px;border-radius:12px 12px 0 0;position:relative}.customer-signup-header h2{margin:0 0 10px;font-size:28px;font-weight:700}.customer-signup-header p{margin:0;opacity:.9;font-size:16px}.close-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.2);border:none;color:white;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .3s ease}.close-btn:hover{background:rgba(255,255,255,.3)}.customer-signup-form{padding:30px;margin:12px}.form-section{margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{display:flex;align-items:center;gap:12px;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.input-icon{color:#03502D;font-size:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;min-width:18px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .3s ease;background:white}.form-group input:focus{outline:none;border-color:#03502D;box-shadow:0 0 0 3px rgba(3,80,45,.1)}.form-group input.error{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.1)}.error-message{color:#e74c3c;font-size:12px;margin-top:5px;font-weight:500}.submit-error{background:#fdf2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center}.form-actions{display:flex;justify-content:center;margin-top:30px}.submit-btn{background:linear-gradient(135deg,#03502D,#046b3a);color:white;border:none;padding:16px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(3,80,45,.3)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e1e5e9}.form-footer p{color:#666;font-size:14px;margin:0}.link-btn{background:none;border:none;color:#03502D;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;margin-left:5px}.link-btn:hover{color:#046b3a}.success-content{text-align:center;padding:60px 40px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;font-size:36px;color:white}.success-content h2{color:#333;font-size:28px;font-weight:700;margin-bottom:20px}.success-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px}.email-verification-message{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:12px;padding:25px;margin:25px 0;text-align:center}.email-verification-message p{color:#0c4a6e;font-size:16px;line-height:1.8;margin-bottom:10px}.email-verification-message p:last-child{margin-bottom:0}.email-verification-message strong{color:#075985;font-size:18px}.success-details{background:#f8fafc;border-radius:12px;padding:30px;margin-top:30px;text-align:left}.success-details p{font-weight:600;color:#333;margin-bottom:15px}.success-details ul{list-style:none;padding:0;margin:0}.success-details li{color:#666;position:relative;padding:8px 0 8px 25px}.success-details li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.password-strength{margin-top:8px}.strength-bar{width:100%;height:4px;background-color:#e1e5e9;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.customer-signup-modal{padding:10px}.customer-signup-content{max-height:95vh}.customer-signup-header{padding:20px}.customer-signup-header h2{font-size:24px}.customer-signup-form{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-section{margin-bottom:20px}.success-content{padding:40px 20px}.success-icon{width:60px;height:60px;font-size:28px}.success-content h2{font-size:24px}}@media (max-width:480px){.customer-signup-form,.customer-signup-header{padding:15px}.form-group input{padding:10px 12px;font-size:14px}.submit-btn{padding:14px 30px;font-size:14px;min-width:150px}}