:root{--brand-deep:#7a003c;--brand-main:#a0004f;--accent:#e63c6b;--panel:#12151d;--text:#eef0f5}.login-card,.login-card *{box-sizing:border-box}.login-viewport{height:100dvh;padding:16px;display:flex;justify-content:flex-start;align-items:center;color:var(--text);font-family:system-ui,Segoe UI,Arial}.login-shell{width:min(520px,92vw)}.login-card{background:var(--panel);border:1px solid #ffffff22;border-radius:20px;padding:22px 20px 18px;box-shadow:0 18px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:14px;margin-inline-start:8px;transform:translateY(-6px)}.brand{margin:0 0 4px;font-weight:800;font-size:clamp(18px,2.4vw,26px);line-height:1.2}input{width:100%;background:#0f121b;color:var(--text);border:1px solid #ffffff22;border-radius:12px;padding:12px 14px;outline:none}input::-moz-placeholder{color:#a7adba}input::placeholder{color:#a7adba}input:focus{border-color:#ffffff44;box-shadow:0 0 0 3px #ffffff14}.btn{cursor:pointer;border:none;border-radius:16px;padding:12px 16px;font-weight:800;font-size:14px}.btn.primary{color:#fff;background-image:linear-gradient(90deg,#7a003c,#a0004f 60%,#e63c6b);transition:filter .2s,transform .02s,background-position .3s;background-size:140% 100%;background-position:0 0}.btn.primary:hover{background-position:20% 0;filter:brightness(1.03)}.btn.primary:active{transform:translateY(1px);filter:brightness(.98)}@media (max-width:640px){.login-shell{width:100%}.login-card{width:94vw;padding:16px;margin-inline-start:4px;transform:translateY(-4px)}}