*{box-sizing:border-box}body{margin:0;background:#eff4f6;font:15px "Segoe UI",sans-serif;color:#203c4b;display:grid;place-items:center;min-height:100vh;padding:25px}.auth{width:min(460px,100%);background:white;border:1px solid #dce6eb;border-radius:16px;padding:40px;box-shadow:0 20px 70px #1530440a}.brand{display:flex;gap:14px;align-items:center;font-family:Georgia,serif;font-size:38px;color:#1d3b4d;margin-bottom:35px}.brand span{font-family:"Segoe UI",sans-serif;font-size:20px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:1px;color:#79909d;margin-top:4px}.tag{font-size:10px;letter-spacing:1px;color:#087d86;background:#e7f5f5;border-radius:5px;padding:6px 9px}h1{font-size:28px;font-weight:600;letter-spacing:-.6px;margin:20px 0 12px}p{font-size:14px;color:#758a95;line-height:1.6}form{display:grid;gap:18px;margin-top:26px}label{display:grid;gap:7px;font-size:12px;color:#617b88}input{border:1px solid #cedce3;border-radius:7px;padding:12px;font:inherit;color:#244052}button{padding:13px;border:0;border-radius:7px;background:#087e88;color:#fff;font:inherit;cursor:pointer}.small{font-size:11px;margin-top:25px}.error{background:#fff1ed;color:#994b35;padding:10px}a{color:#087e88}
body{background:#f5f5f3;color:#252525;font-family:Arial,Helvetica,sans-serif}.auth{border-color:#deded8;border-radius:6px;box-shadow:0 20px 70px #00000008}.authBrand{background:#101010;margin:-40px -40px 32px;padding:34px 40px;border-radius:6px 6px 0 0}.authBrand img{width:100%;height:auto;display:block}.authBrand span{display:block;color:#d0d0cb;font-size:10px;letter-spacing:2px;margin:18px 0 0;text-align:center}h1{font-family:Georgia,serif;font-weight:400}p,label,.small{color:#686860}input{color:#252525;border-color:#d8d8d2;border-radius:4px}button{background:#202020;border-radius:4px;min-height:46px}button:hover{background:#41413e}a{color:#45453e;text-underline-offset:3px}.tag{background:#eeeee9;color:#555}@media(max-width:520px){body{padding:16px}.auth{padding:26px}.authBrand{margin:-26px -26px 28px;padding:28px}input{font-size:16px}}


/* Account administration shares the same brand shell. */
select{width:100%;border:1px solid #d8d8d2;border-radius:4px;padding:12px;font:inherit;color:#252525}h2{font-size:20px;margin-top:30px}[role=alert]{background:#fff1ed;color:#994b35;padding:10px}table{width:100%;font-size:11px;border-collapse:collapse}td,th{padding:7px;text-align:left;border-bottom:1px solid #deded8}input{min-width:0;width:100%}
