:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f5f7;display:flex;align-items:center;justify-content:center}#root{width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:#fff;border-radius:14px;box-shadow:0 1px 3px #1018280f,0 8px 24px #10182814;padding:36px 32px}.brand{width:44px;height:44px;border-radius:10px;background:#1d4ed8;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;margin-bottom:20px}h1{font-size:20px;font-weight:600;color:#101828;margin:0 0 4px}.subtitle{color:#667085;font-size:14px;margin:0 0 24px}label{display:block;font-size:13px;font-weight:500;color:#344054;margin-bottom:6px}.field{margin-bottom:18px}input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d0d5dd;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}input[aria-invalid=true]{border-color:#d92d20}input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #d92d201f}.error{color:#d92d20;font-size:13px;margin:8px 0 0}button{width:100%;padding:10px 12px;border-radius:8px;border:none;background:#1d4ed8;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s ease,opacity .15s ease}button:hover:not(:disabled){background:#1742b8}button:disabled{opacity:.7;cursor:not-allowed}button.secondary{background:transparent;color:#344054;border:1px solid #d0d5dd;margin-top:20px}button.secondary:hover:not(:disabled){background:#f9fafb}.welcome-icon{width:48px;height:48px;border-radius:50%;background:#ecfdf3;color:#067647;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}