.lock-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#fff7df 0,transparent 35%),#f3efe6}.lock-card{width:min(390px,100%);padding:38px;border:1px solid #ded7c8;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(24,46,38,.12);text-align:center}.lock-card .brand-mark{display:inline-grid;margin-bottom:16px}.lock-card h1{margin:0 0 8px;font-size:28px}.lock-card p{margin:0 0 22px;color:#66736d}.lock-card input{box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid #cfc8ba;border-radius:12px;font:inherit;outline:none}.lock-card input:focus{border-color:#116d50;box-shadow:0 0 0 3px rgba(17,109,80,.12)}.lock-card button{width:100%;margin-top:12px;padding:14px;border:0;border-radius:12px;background:#116d50;color:#fff;font:inherit;font-weight:700;cursor:pointer}.lock-card button:disabled{opacity:.55}.lock-message{min-height:22px;margin-top:12px;color:#a9362c;font-size:13px}.lock-button{padding:8px 12px;border:1px solid #d6d0c3;border-radius:999px;background:#fff;color:#34443e;cursor:pointer}@media(max-width:640px){.lock-card{padding:30px 22px}.controls{gap:8px}.lock-button{padding:7px 10px}}