@keyframes spin{to{transform:rotate(360deg)}}*,::after,::before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f4f6f8,#e9edf2);color:#222}.wrap{min-height:100%;display:grid;place-items:center;padding:2rem}.card{width:100%;max-width:420px;background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:2rem;border:1px solid #eef1f4}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.brand h1{font-size:1.125rem;font-weight:600;margin:0;order:1}.logo{order:2;margin-left:auto;width:90px;height:36px;border-radius:8px;background-color:transparent;background-image:url(/public/img/logo_black.png);background-repeat:no-repeat;background-position:center;background-size:contain}.headline{margin:.25rem 0 1.25rem;color:#445}.alert,.btn{padding:.75rem 1rem;font-size:.95rem;border-radius:10px}.alert{display:none;border:1px solid #f0c2c2;background:#fff5f5;color:#a11a1a;margin-bottom:1rem}.alert.show{display:block}.btn{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;gap:.5rem;border:1px solid #d9dee3;background:#fff;cursor:pointer;transition:transform .02s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:hover{border-color:#c7cdd3;box-shadow:0 2px 10px rgba(0,0,0,.06)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:#007b8a;border-color:#007b8a;color:#fff}.btn-primary:hover{filter:brightness(1.05)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.7);border-top-color:#fff;animation:spin .9s linear infinite}.spinner.dark{border-color:rgba(0,0,0,.25);border-top-color:#000}.btn .btn__label{visibility:visible}.btn.is-loading .btn__label{visibility:hidden}.btn .spinner{position:absolute;inset:0;margin:auto;display:none}.btn.is-loading .spinner{display:block}.btn.is-loading,.btn.is-loading:active,.btn.is-loading:hover{transition:none!important;box-shadow:none!important;cursor:default!important}.btn.is-loading :not(.spinner){transition:none!important;transform:none!important}.btn.is-loading .spinner{animation:spin .9s linear infinite!important}.field,form{display:grid;gap:.75rem}.field{gap:.35rem}label{font-size:.9rem;color:#334155}input[type=email],input[type=password]{width:100%;border:1px solid #d9dee3;background:#fff;border-radius:10px;padding:.65rem .75rem;font-size:.95rem;outline:0;transition:border-color .2s ease,box-shadow .2s ease}input:focus{border-color:#8ed4db;box-shadow:0 0 0 3px rgba(0,123,138,.12)}.row{display:flex;justify-content:space-between;align-items:center}.link,.muted{font-size:.9rem}.link{color:#007b8a;text-decoration:none}.link:hover{text-decoration:underline}.muted{color:#667085}.foot{text-align:center;margin-top:1rem;color:#889;font-size:.85rem}.mobile-msg{display:none;max-width:420px;width:100%;background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:2rem;border:1px solid #eef1f4;text-align:center;color:#222}.mobile-msg h1{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.mobile-msg p{margin:0;font-size:.95rem;color:#445}@media (max-width:1024px){.wrap .card{display:none!important}.mobile-msg{display:block}}