@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600&display=swap";
.auth-root{height:100vh;margin:0;padding:0;font-family:Open Sans,sans-serif;display:flex;overflow:hidden}.auth-split{width:100%;height:100vh;display:flex;overflow:hidden}.auth-desktop-only{display:flex}.auth-mobile-only{display:none}@media (max-width:768px){.auth-desktop-only{display:none!important}.auth-mobile-only{display:flex!important}}.auth-left{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden auto}.auth-left:before,.auth-left:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.auth-left:before{background:#10b9810f;width:280px;height:280px;top:-80px;left:-80px}.auth-left:after{background:#6366f10d;width:200px;height:200px;bottom:-60px;right:-60px}.auth-form-wrap{z-index:1;width:100%;max-width:400px;position:relative}.auth-form-wrap-wide{z-index:1;width:100%;max-width:480px;position:relative}.auth-right{background:linear-gradient(145deg,#059669 0%,#047857 40%,#065f46 100%);flex-direction:column;justify-content:center;align-items:center;width:46%;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";background:#ffffff0a;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.auth-right:after{content:"";background:#ffffff0a;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-50px;left:-50px}.auth-brand-logo{color:#fff;letter-spacing:-.04em;z-index:1;margin-bottom:2.5rem;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;position:relative}.auth-illustration{object-fit:contain;z-index:1;filter:drop-shadow(0 20px 40px #0003);border-radius:1.5rem;width:100%;max-width:340px;position:relative}.auth-brand-tagline{color:#fff;text-align:center;z-index:1;margin-top:2rem;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5;position:relative}.auth-brand-sub{color:#ffffffa6;text-align:center;z-index:1;margin-top:.5rem;font-size:.875rem;position:relative}.auth-heading{color:#1e293b;letter-spacing:-.02em;margin-bottom:.375rem;font-family:Poppins,sans-serif;font-size:1.625rem;font-weight:700}.auth-sub{color:#64748b;margin-bottom:2rem;font-size:.875rem}.auth-label{color:#374151;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.auth-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.625rem;outline:none;width:100%;padding:.6875rem 1rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s,background .15s;display:block}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.auth-input.error{border-color:#ef4444}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{padding-right:2.75rem}.auth-input-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.auth-input-eye:hover{color:#475569}.auth-field{margin-bottom:1.125rem}.auth-field-error{color:#ef4444;margin-top:.25rem;font-size:.75rem}.auth-field-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.125rem;display:grid}.auth-field-row .auth-field{margin-bottom:0}.auth-input.error-highlight{background:#fefce8;border-color:#eab308}.auth-pw-rules{margin:.75rem 0 1rem;padding:0;list-style:none}.auth-pw-rules li{color:#475569;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.8rem;line-height:1.4;display:flex}.auth-pw-rules li.pass{color:#374151}.auth-pw-rules li .rule-icon{flex-shrink:0;width:14px;height:14px}.auth-pw-rules li.pass .rule-icon{color:#10b981}.auth-pw-rules li.fail .rule-icon{color:#ef4444}.auth-terms{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;font-size:.8125rem;line-height:1.5;display:flex}.auth-terms input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.auth-terms a{color:#10b981;font-weight:500;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-checkbox-row{color:#475569;cursor:pointer;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem;display:flex}.auth-checkbox-row input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0;width:16px;height:16px}.auth-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b98159}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:#94a3b8;align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-footer-link{text-align:center;color:#64748b;margin-top:1.5rem;font-size:.875rem}.auth-footer-link a{color:#10b981;font-weight:600;text-decoration:none}.auth-footer-link a:hover{color:#059669}.auth-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem}.auth-forgot{color:#10b981;font-size:.8125rem;font-weight:500;text-decoration:none}.auth-forgot:hover{color:#059669}.auth-logo-text{color:#059669;letter-spacing:-.04em;margin-bottom:1.75rem;font-family:Poppins,sans-serif;font-size:1.375rem;font-weight:700}@media (max-width:768px){.auth-split{flex-direction:column}.auth-left{justify-content:flex-start;min-height:100vh;padding:2.5rem 1.5rem}.auth-form-wrap{margin-top:1rem}}.auth-q-label{color:#1f2937;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.auth-q-select{color:#111827;appearance:none;background-color:#f9fafb;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%207.5L10%2012.5L15%207.5%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.auth-q-select:focus{background-color:#fff;border-color:#059669;outline:none;box-shadow:0 0 0 3px #0596691a}.auth-q-pills{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.auth-q-pill{cursor:pointer;color:#4b5563;-webkit-user-select:none;user-select:none;background-color:#f3f4f6;border:1px solid #0000;border-radius:9999px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.auth-q-pill:hover{background-color:#e5e7eb}.auth-q-pill.active{color:#fff;background-color:#059669}.auth-q-textarea{color:#111827;resize:vertical;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:80px;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.auth-q-textarea:focus{background-color:#fff;border-color:#059669;outline:none;box-shadow:0 0 0 3px #0596691a}.auth-q-char-count{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:block}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.pt-4{padding-top:1rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.auth-q-form>div{margin-bottom:1.5rem}.auth-q-form .grid{gap:1rem;display:grid}@media (min-width:768px){.auth-q-form .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-q-form .pt-4{padding-top:1rem}