.auth-panel{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;box-shadow:0 20px 60px #0000001f;border:1px solid #e9ecef;overflow:hidden}.auth-side{background:linear-gradient(160deg,#1e293b,#2d3f55 60%,#1a3245);padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:#fff}.auth-side:before{content:"";position:absolute;top:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:#d2683a1f}.auth-side:after{content:"";position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;border-radius:50%;border:2px dashed rgba(210,104,58,.2)}.auth-side-logo{width:52px;height:52px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;margin-bottom:1.5rem;position:relative;z-index:1}.auth-side-title{font-size:1.5rem;font-weight:800;margin-bottom:.75rem;position:relative;z-index:1}.auth-side-sub{font-size:.85rem;color:#ffffff8c;line-height:1.8;margin-bottom:2rem;position:relative;z-index:1}.auth-feature{display:flex;align-items:center;gap:10px;margin-bottom:.75rem;font-size:.82rem;color:#ffffffbf;position:relative;z-index:1}.auth-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color);flex-shrink:0}.auth-form-side{background:#fff;padding:2.75rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.auth-form-header{margin-bottom:2rem}.auth-form-title{font-size:1.35rem;font-weight:800;color:#1e293b;margin-bottom:.3rem}.auth-form-sub{font-size:.82rem;color:#94a3b8}.field-group{margin-bottom:1.1rem}.field-group label{font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.4rem;display:block}.field-wrap{position:relative}.field-wrap .field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.95rem;pointer-events:none;z-index:5}.field-wrap input{width:100%;padding:.65rem 2.5rem .65rem .9rem;border:1.5px solid #e2e8f0;border-radius:0;font-size:.9rem;color:#1e293b;transition:.2s;background:#f8fafc}.field-wrap input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #d2683a1a}.field-wrap input.is-invalid{border-color:#ef4444}.btn-auth{width:100%;padding:.75rem;background:var(--primary-color);border:none;color:#fff;font-weight:700;font-size:.95rem;border-radius:0;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1.25rem}.btn-auth:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #d2683a4d}.auth-divider{display:flex;align-items:center;gap:10px;margin:1.25rem 0;color:#cbd5e1;font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e9ecef}.check-label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b;cursor:pointer}.check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);flex-shrink:0}@media(max-width:768px){.auth-panel{grid-template-columns:1fr}.auth-side{display:none}.auth-form-side{padding:2rem 1.5rem}}.auth-wrapper{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.reg-panel{display:grid;grid-template-columns:1fr 2fr;max-width:1040px;width:100%;box-shadow:0 20px 60px #0000001f;border:1px solid #e9ecef;overflow:hidden}.reg-side{background:linear-gradient(160deg,#1e293b,#2d3f55 60%,#1a3245);padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}.reg-side:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;border-radius:50%;background:#d2683a1a}.reg-side:after{content:"";position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;border-radius:50%;border:2px dashed rgba(210,104,58,.18)}.reg-side-icon{width:52px;height:52px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;margin-bottom:1.5rem;position:relative;z-index:1}.reg-side-title{font-size:1.3rem;font-weight:800;margin-bottom:.75rem;position:relative;z-index:1}.reg-side-sub{font-size:.8rem;color:#ffffff80;line-height:1.8;margin-bottom:2rem;position:relative;z-index:1}.reg-steps{position:relative;z-index:1}.reg-step-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:1rem}.reg-step-num{width:24px;height:24px;background:#d2683a40;border:1px solid rgba(210,104,58,.4);color:#f4a87c;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reg-step-text{font-size:.78rem;color:#ffffffa6;line-height:1.5;padding-top:2px}.reg-form-side{background:#fff;padding:2.5rem;overflow-y:auto}.reg-form-title{font-size:1.3rem;font-weight:800;color:#1e293b;margin-bottom:.3rem}.reg-form-sub{font-size:.82rem;color:#94a3b8;margin-bottom:1.75rem}.form-section{margin-bottom:1.5rem}.form-section-label{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary-color);margin-bottom:.85rem;display:flex;align-items:center;gap:6px}.form-section-label:after{content:"";flex:1;height:1px;background:#f1f5f9}.fld-group{margin-bottom:0}.fld-group label{font-size:.78rem;font-weight:600;color:#374151;margin-bottom:.35rem;display:block}.fld-wrap{position:relative}.fld-wrap .fld-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.88rem;pointer-events:none;z-index:5}.fld-wrap input,.fld-wrap select{width:100%;padding:.6rem 2.2rem .6rem .85rem;border:1.5px solid #e2e8f0;border-radius:0;font-size:.875rem;color:#1e293b;background:#f8fafc;transition:.2s;font-family:inherit}.fld-wrap input:focus,.fld-wrap select:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #d2683a1a}.fld-wrap input.is-invalid,.fld-wrap select.is-invalid{border-color:#ef4444}.fld-err{color:#ef4444;font-size:.73rem;margin-top:3px}.btn-reg{width:100%;padding:.8rem;background:var(--primary-color);border:none;color:#fff;font-weight:700;font-size:.95rem;border-radius:0;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1.5rem}.btn-reg:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #d2683a4d}.required-note{font-size:.72rem;color:#94a3b8;margin-bottom:1.25rem}.required-note span{color:#ef4444}@media(max-width:768px){.reg-panel{grid-template-columns:1fr}.reg-side{display:none}.reg-form-side{padding:2rem 1.25rem}}