.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(380px,100%);text-align:center;background:#10141e;border:1px solid #242a38;border-radius:18px;padding:36px}.login-card .brand-mark{margin:auto}.login-card p{color:#8f98ad}.login-card input,.login-card button{width:100%;padding:14px;border-radius:9px}.login-card input{margin:14px 0;background:#090c13;border:1px solid #2b3140;color:#fff}.login-card button{border:0;background:#7256e9;color:#fff;font-weight:700}.library{max-width:1180px;margin:auto;padding:10px 30px 75px}.catalog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-item{cursor:pointer;text-align:left;padding:20px;border:1px solid #242a38;border-radius:13px;background:#10141e;color:#fff}.catalog-item:hover{border-color:#7256e9}.catalog-item strong{display:block;font-size:17px;margin-bottom:8px}.catalog-item span{color:#8f98ad;font-size:12px}.name-row{margin-bottom:17px}.name-row input{padding-left:12px}@media(max-width:700px){.catalog-list{grid-template-columns:1fr}.library{padding-inline:16px}}