.login-view:not([hidden]){position:relative;display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(100%,390px);padding:30px;border:1px solid rgba(166,190,225,.17);border-radius:20px;background:linear-gradient(155deg,rgba(25,38,58,.97),rgba(16,26,42,.98));box-shadow:0 32px 90px #0007}.login-card h1{margin:0;color:#f1f5fc;font-size:26px;letter-spacing:-.04em}.login-card .brand-mark{margin-bottom:24px}.login-card .intro-copy{margin:8px 0 23px}.login-card label{display:block;margin:0 0 7px;color:#c8d4e5;font-size:11px}.login-card input{width:100%;height:43px;margin-bottom:16px;padding:0 12px;border:1px solid rgba(157,180,213,.2);border-radius:8px;outline:0;color:#f0f5fd;background:rgba(7,13,23,.48)}.login-card input:focus{border-color:#6b9ce9;box-shadow:0 0 0 3px rgba(75,129,212,.16)}.login-button{width:100%;height:44px;border:1px solid rgba(158,191,248,.32);border-radius:8px;color:#fff;background:linear-gradient(110deg,#3973cc,#4b83d9);font-weight:650;cursor:pointer}.login-button span{margin-left:5px}.login-error{color:#ffaaaa;font-size:11px}