*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#3d7a4f;--green-dark:#2c5c39;--green-light:#e8f5e9;--muted:#6b8f72;--border:#d4e8d8;--error:#c0392b;--error-bg:#fdecea;--text:#1a2e1f}body{background:linear-gradient(160deg,#c8e6c9d9 0%,#a5d6a7e6 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;font-family:Poppins,sans-serif;display:flex;position:relative;overflow-y:auto}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 15% 20%,#4caf5029 0%,#0000 70%),radial-gradient(500px 500px at 85% 80%,#2e7d3224 0%,#0000 70%),linear-gradient(160deg,#e8f5e98c 0%,#a5d6a780 100%),url(https://res.cloudinary.com/dxdqndghg/image/upload/f_auto,q_auto,c_limit,w_1920/v1780745484/sign_up_picture_dmezif.png) 50%/cover no-repeat;position:fixed;inset:0}.wrap{z-index:1;width:100%;max-width:460px;position:relative}.logo-area{text-align:center;margin-bottom:24px}.logo-icon{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:12px;font-size:34px;display:inline-flex;box-shadow:0 8px 24px #3d7a4f40}.logo-area h1{color:var(--green-dark);font-size:24px;font-weight:800}.logo-area p{color:var(--green-dark);margin-top:4px;font-size:13px;font-weight:600}.card{background:#fffffff2;border:1px solid #fffc;border-radius:28px;padding:36px 32px;box-shadow:0 20px 60px #00000026}.card h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.card .subtitle{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.5}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:20px 0 12px;font-size:11px;font-weight:700}.field{margin-bottom:16px}.field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field select{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:12px 14px;font-family:Poppins,sans-serif;font-size:14px;transition:border .2s}.field input:focus,.field select:focus{border-color:var(--green)}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d7a4f,#5a9e6f);border:none;border-radius:14px;width:100%;margin-top:8px;padding:14px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3d7a4f59}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:500;display:none}.alert.error{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c6;display:block}.alert.success{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;display:block}.login-link{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.login-link a{color:var(--green);font-weight:600;text-decoration:none}.divider{align-items:center;gap:12px;margin:20px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{color:var(--muted);font-size:12px}.strength-bar{background:var(--border);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.strength-fill{border-radius:2px;width:0;height:100%;transition:all .3s}.spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}