.login-page{background:#f4f6f8;place-items:center;min-height:100vh;padding:2rem 1rem;display:grid;position:relative}.login-page>:first-child{position:absolute;top:1rem;right:1rem}.login-card{background:#fff;border:1px solid #d7dce1;border-radius:.75rem;width:min(100%,26rem);padding:2rem;box-shadow:0 .75rem 2rem #18273724}.login-card form{gap:1rem;display:grid}.login-card form>div{gap:.35rem;display:grid}.login-card input{box-sizing:border-box;border:1px solid #b8c0c8;border-radius:.35rem;width:100%;padding:.65rem .75rem}.login-card button{cursor:pointer;border:0;border-radius:.35rem;padding:.7rem 1rem}.login-error{color:#b42318}@media (width<=30rem){.login-card{padding:1.5rem}}.vocabulary-word{grid-template-columns:3rem minmax(12rem,1fr) minmax(12rem,1fr);align-items:center;gap:.75rem;max-width:36rem;margin-bottom:.75rem;display:grid}.row-number{color:#666;text-align:right;font-weight:700}.vocabulary-word input{box-sizing:border-box;width:100%}.check-button{cursor:pointer;margin-top:.5rem;padding:.5rem 1rem}.results-display{color:#333;margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:500}.results-display.hidden{display:none}.vocabulary-word input.correct{background-color:#e8f5e9;border:2px solid #198754}.vocabulary-word input.incorrect{background-color:#ffebee;border:2px solid #dc3545}@media (width<=30rem){.vocabulary-word{grid-template-columns:3rem 1fr}.row-number{grid-area:1/1}}