.login-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;background:#111;color:#fff}.login-screen.is-hidden{display:none}.login-photo{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}.login-ui{position:relative;z-index:2;width:min(100% - 32px,520px);padding:42px 0}.login-card{padding:0 24px;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.65)}.login-card h1{margin:0 0 30px;font-size:clamp(1.8rem,5vw,2.65rem);font-weight:800;line-height:1.5;letter-spacing:.08em}.login-card h1 em{color:#ffb3a7;font-style:normal}.login-form{margin:0 auto;max-width:370px}.login-form label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:700;letter-spacing:.08em}.login-input-wrap{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 15px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:rgba(0,0,0,.42);box-shadow:0 4px 18px rgba(0,0,0,.22)}.login-input-wrap>span{color:#ffb3a7;font-size:1.15rem}.login-input-wrap input{min-width:0;flex:1;border:0;outline:0;padding:11px 0;background:transparent;color:#fff;font-size:1rem}.login-input-wrap input::placeholder{color:rgba(255,255,255,.7)}.login-input-wrap button{padding:7px;background:transparent;color:#fff;font-size:1.05rem}.login-button{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-top:16px;padding:14px 20px;border:0;border-radius:8px;background:#d85f4d;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3);font-size:1rem;font-weight:800;letter-spacing:.12em;transition:.2s}.login-button:hover{background:#ef806d;transform:translateY(-1px)}.login-button b{font-size:1.3rem}.membership-link{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.7);border-radius:8px;color:#fff;text-decoration:none;background:rgba(0,0,0,.34);font-size:.8rem;font-weight:700;letter-spacing:.04em;transition:.2s}.membership-link:hover{border-color:#fff;background:rgba(0,0,0,.54)}.membership-link span{font-size:1rem}@media(max-width:520px){.login-ui{width:min(100% - 20px,520px);padding:25px 0}.login-card{padding:0 10px}.login-card h1{margin-bottom:24px;font-size:1.7rem}.login-form label{font-size:.85rem}}