@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts/poppins-400.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/fonts/poppins-500.woff2)format("woff2")}:root{--color-grey-00:#fff;--color-grey-20:#fafafa;--color-grey-30:#f0f0f0;--color-grey-40:#e4e4e4;--color-grey-80:#999;--color-grey-90:#666;--color-grey-100:#333;--color-navy-20:#4e6d8b;--color-navy-30:#3e576f;--color-navy-40:#0b2836;--color-blue-30:#0080c8;--color-green-20:#138639;--color-orange-10:#fff5eb;--color-orange-30:#e3761c;--color-red-20:#c04040;--text-h3-font-size:1.375rem;--text-h3-line-height:1.875rem;--text-body1-font-size:1rem;--text-body1-line-height:1.5rem;--text-button-font-size:.875rem;--text-button-line-height:1.25rem;--text-caption-font-size:.875rem;--text-caption-line-height:1.3125rem;--space-1:.25rem;--space-15:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-card:10px;--height-button:2rem;--height-input:2.5rem}*{box-sizing:border-box}body{background:var(--color-navy-40);color:var(--color-grey-100);font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-body1-font-size);line-height:var(--text-body1-line-height);margin:0}#app{flex-direction:column;align-items:center;padding:40px 16px 48px;display:flex}.logo{margin-bottom:var(--space-8);display:block}.card{background:var(--color-grey-00);border:1px solid var(--color-grey-40);border-radius:var(--radius-card);width:100%;max-width:374px;padding:var(--space-6)}h1{font-size:var(--text-h3-font-size);font-weight:500;line-height:var(--text-h3-line-height);color:var(--color-grey-100);margin:0}p{margin:0}strong{font-weight:500}.subtitle{margin-top:var(--space-2)}.hint{margin:var(--space-4) 0 var(--space-6);font-size:var(--text-caption-font-size);line-height:var(--text-caption-line-height);color:var(--color-grey-90);text-wrap:pretty}.body{margin-top:var(--space-3);text-wrap:pretty}.status{margin:0 0 var(--space-2) -4px;font-size:var(--text-caption-font-size);line-height:var(--text-caption-line-height);align-items:center;display:flex}.status-icon{width:22px;height:22px;padding:var(--space-1);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.status-icon svg{width:16px;height:16px}.status-success svg path{fill:var(--color-green-20)}.status-warning svg path{fill:var(--color-orange-30)}.status-error svg path{fill:var(--color-red-20)}.status-label{padding:0 var(--space-1)}.fields{gap:var(--space-4);flex-direction:column;display:flex}.field{flex-direction:column;display:flex}label{color:var(--color-grey-90);margin-bottom:2px;font-size:.75rem;line-height:1.125rem}input[type=password]{width:100%;height:var(--height-input);padding:0 var(--space-3);background:var(--color-grey-00);border:1px solid var(--color-grey-80);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-body1-font-size);color:var(--color-grey-100);transition:background .12s,border .12s,box-shadow .12s}input[type=password]:hover:not(:disabled):not(:focus){background:var(--color-grey-20)}input[type=password]:focus{background:var(--color-grey-00);border-color:var(--color-blue-30);box-shadow:inset 0 0 0 1px var(--color-blue-30);outline:none}input[type=password]:disabled{background:var(--color-grey-30);border-color:var(--color-grey-30);color:var(--color-grey-90);cursor:not-allowed}input[type=password].input-error,input[type=password].input-error:focus{border-color:var(--color-red-20);box-shadow:inset 0 0 0 1px var(--color-red-20)}.field-error{margin-top:var(--space-1);font-size:var(--text-caption-font-size);line-height:var(--text-caption-line-height);color:var(--color-red-20);display:none}.field-error:not(:empty){display:block}.actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}button{height:var(--height-button);padding:var(--space-15) var(--space-4);border-radius:var(--radius-sm);background:var(--color-navy-20);color:var(--color-grey-00);font-family:inherit;font-size:var(--text-button-font-size);font-weight:500;line-height:var(--text-button-line-height);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .12s,box-shadow .12s;display:inline-flex}button:hover:not(:disabled){background:var(--color-navy-30)}button:focus-visible{box-shadow:0 0 0 1px var(--color-grey-00), 0 0 0 3px var(--color-blue-30);outline:none}button:disabled{background:var(--color-grey-30);color:var(--color-grey-80);cursor:not-allowed}.warning{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-orange-10);border-left:4px solid var(--color-orange-30);border-radius:var(--radius-sm)}