.login-page{background:var(--paper);flex-direction:column;align-items:center;min-height:100dvh;padding:38px 24px 24px;display:flex}.login-brand{text-align:center}.login-brand>span{font:35px/1.2 var(--serif);letter-spacing:7px;padding-left:7px}.login-brand p{letter-spacing:1.3px;color:var(--muted);margin-top:9px;font-size:12px}.login-form{text-align:center;width:100%;max-width:354px;margin:36px auto 28px}.login-key{background:var(--soft);width:40px;height:40px;color:var(--bronze-dark);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.login-form h1{font:32px/1.2 var(--serif);letter-spacing:-.65px;margin:0}.login-status{color:var(--muted);justify-content:center;align-items:center;gap:5px;min-height:39px;margin:12px 0 13px;font-size:12px;line-height:1.6;display:flex}.login-code-control{height:59px;position:relative}.login-code-input{opacity:0;z-index:1;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.login-code-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;height:100%;display:grid}.login-code-cells span{background:var(--panel);height:100%;font:500 25px/1 "Inter",var(--sans);color:var(--ink);border:1px solid #dfd1c3;border-radius:10px;place-items:center;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.login-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:23px;display:grid}.login-keypad button{border:1px solid var(--line);min-height:52px;color:var(--ink);font:400 23px/1.2 "Inter",var(--sans);touch-action:manipulation;background:#fffdfb;border-radius:10px;place-items:center;transition:background .12s,transform .12s;display:grid}.login-keypad button:active:not(:disabled){background:#e5d1bf;transform:scale(.97)}.login-keypad .login-keypad-action{color:var(--bronze-dark);background:0 0;border-color:#0000}.login-submit{background:var(--bronze);color:#fffaf6;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:47px;margin-top:18px;font-size:13px;font-weight:600;display:flex}.login-footer{color:var(--muted);align-items:center;gap:7px;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.login-form[data-phase=error] .login-code-cells{animation:.35s ease-in-out login-shake}.login-form[data-phase=success] .login-submit{opacity:1;background:#517b55}@keyframes login-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@media (max-width:480px){.login-page{padding:26px 22px 21px}.login-brand>span{letter-spacing:6px;font-size:30px}.login-form{margin-top:28px;margin-bottom:18px}.login-form h1{font-size:30px}.login-code-cells{gap:7px}.login-code-control{height:53px}.login-keypad{gap:7px;margin-top:20px}.login-keypad button{min-height:49px}.login-key{margin-bottom:16px}}@media (max-height:720px){.login-page{padding-top:20px;padding-bottom:17px}.login-form{margin-top:23px;margin-bottom:15px}.login-key{display:none}.login-keypad button{min-height:45px}.login-keypad{margin-top:17px}.login-status{min-height:31px;margin-bottom:10px}.login-submit{min-height:43px;margin-top:13px}.login-footer{padding-top:8px}}.login-page{isolation:isolate;color:#f6efe6;background:#171c19;position:relative;overflow:hidden}.login-background{z-index:-2;object-fit:cover;object-position:center 52%;filter:saturate(.65);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-page:after{content:"";z-index:-1;background:linear-gradient(#111a18b3 0%,#151c19a8 44%,#171b17d9 100%),linear-gradient(90deg,#131b18b8,#0000 80%);position:absolute;inset:0}.login-brand p,.login-footer{color:#d2c2af}.login-brand>span{text-shadow:0 2px 20px #0005}.login-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#26231ed9;border:1px solid #e9d9c323;border-radius:22px;max-width:420px;margin-top:29px;margin-bottom:24px;padding:26px 32px 29px;box-shadow:0 18px 65px #07110c35}.login-key{color:#d9b797;background:#b68b6030}.login-status{color:#c8b9a7}.login-code-cells span{color:#fff4e6;background:#f4e9dc0c;border-color:#b09b8557}.login-code-cells span[data-filled=true]{background:#c29a6d24;border-color:#c5a383}.login-code-control:focus-within span[data-current=true]{border-color:#d9b18b;box-shadow:0 0 0 3px #c3976726}.login-keypad button{color:#f4ece1;background:#f4e9dc08;border-color:#d5bda22e}.login-keypad button:hover:not(:disabled){background:#c29a6d24}.login-keypad button:active:not(:disabled){background:#c29a6d40}.login-keypad .login-keypad-action{color:#cbb293}.login-submit{color:#1f1d18;background:#b68b60}.login-submit:hover:not(:disabled){background:#cba078}.login-submit:disabled{opacity:.42}.login-form[data-phase=error] .login-code-cells span{color:#ffd2c8;background:#a743372e;border-color:#e58f7e;box-shadow:0 0 0 3px #d56c5424}.login-form[data-phase=error] .login-status{color:#f1a18e}.login-form[data-phase=success] .login-code-cells span{color:#d6f3df;background:#5b9b6e36;border-color:#8dc9a0;box-shadow:0 0 0 3px #79b88a21}.login-form[data-phase=success] .login-status{color:#a7d8b5}.login-form[data-phase=success] .login-submit{color:#14231b;background:#86b394}@media (max-width:480px){.login-page{padding-left:17px;padding-right:17px}.login-form{border-radius:18px;margin-top:24px;padding:23px 20px 24px}.login-background{object-position:57% center}.login-page:after{background:linear-gradient(#17201caa,#17201ccc)}.login-form h1{font-size:29px}}@media (max-height:720px){.login-form{margin-top:20px;margin-bottom:16px;padding-top:21px;padding-bottom:21px}.login-code-control{height:49px}.login-keypad button{min-height:42px}.login-keypad{margin-top:15px}}