body{margin:0}:root{--teal:#026c83;--teal-dark:#024f61;--ink:#16181d;--muted:#5c6b73;--page:#e9e9e9;--line:#e2e6e8}*{box-sizing:border-box}.loginScreen{background:var(--teal);flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:1.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.logo{width:auto;height:40px}.loginCard{text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:2.5rem 2rem;display:flex;box-shadow:0 18px 44px #02283359}.loginCard h1{color:var(--ink);margin:0;font-size:1.3rem}.subtitle{color:var(--muted);margin:.25rem 0 1.75rem;font-size:.9rem}.loginForm{text-align:left;flex-direction:column;gap:1rem;width:100%;display:flex}.loginForm label{color:var(--ink);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.loginForm input{font:inherit;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.7rem .85rem;font-size:.95rem}.loginForm input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #026c8326}.loginForm button{background:var(--teal);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;margin-top:.25rem;padding:.8rem;font-size:.95rem;font-weight:600;transition:background .15s}.loginForm button:hover{background:var(--teal-dark)}.note{color:var(--muted);margin:1.5rem 0 0;font-size:.78rem}