*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#062f57,#083f73 58%,#0d5a99);min-height:100vh;color:#17324a;display:grid;place-items:center;padding:24px}.login{width:min(430px,100%);background:#fff;border-radius:26px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.logo{display:flex;justify-content:center;margin-bottom:22px}.logo img{width:210px;max-width:75%}.sub{margin:0 0 24px;text-align:center;color:#607487}.flash{border-radius:14px;padding:12px 14px;margin-bottom:16px;font-weight:700}.flash.error{background:#fff0f0;color:#9a2727;border:1px solid #efcaca}.field{margin-bottom:16px;position:relative}label{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#38536b}input{width:100%;border:1px solid #cbd8e2;border-radius:13px;padding:13px 14px;font-size:16px;outline:none;background:#fff;color:#17324a}input:focus{border-color:#0d69ad;box-shadow:0 0 0 3px rgba(13,105,173,.12)}.suggestions{display:none;position:absolute;z-index:20;left:0;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid #cbd8e2;border-radius:13px;box-shadow:0 12px 32px rgba(13,49,77,.16);overflow:hidden}.suggestions.is-open{display:block}.suggestion{width:100%;border:0;border-bottom:1px solid #edf2f6;background:#fff;color:#17324a;text-align:left;padding:12px 14px;font-size:15px;font-weight:700;cursor:pointer}.suggestion:last-child{border-bottom:0}.suggestion:hover,.suggestion:focus{background:#edf5fb;outline:none}.search-hint{font-size:11px;color:#80909d;margin-top:6px}button[type=submit]{width:100%;border:0;border-radius:13px;background:#0b5f9d;color:#fff;font-size:16px;font-weight:900;padding:14px;cursor:pointer}button[type=submit]:hover{background:#084e82}.hint{text-align:center;color:#7a8b99;font-size:12px;margin-top:18px}