:root{--bg:#080a0f;--panel:rgba(15,18,25,.9);--line:rgba(255,255,255,.09);--text:#f5f6f8;--muted:#9299a7;--pink:#f0165c;--green:#31d191}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.login-backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(5,7,11,.98),rgba(7,9,14,.82) 52%,rgba(9,7,13,.92)),url('/files/assets/back.png') center/cover no-repeat;filter:saturate(.72)}.login-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(240,22,92,.18),transparent 32%),radial-gradient(circle at 35% 90%,rgba(102,40,180,.14),transparent 36%)}.login-card{width:min(520px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(17,20,28,.95),rgba(11,13,19,.91));box-shadow:0 30px 100px rgba(0,0,0,.5);backdrop-filter:blur(24px)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-mark{position:relative;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--pink),#b00843);box-shadow:0 10px 30px rgba(240,22,92,.3)}.login-mark i{position:absolute;left:11px;width:17px;height:2px;border-radius:4px;background:#fff}.login-mark i:nth-child(1){top:12px}.login-mark i:nth-child(2){top:19px}.login-mark i:nth-child(3){top:26px}.login-mark b{position:absolute;right:5px;bottom:2px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:20px}.login-brand small{margin-top:2px;color:#b0b5c0;font-size:11px}.login-kicker{color:#ff719e;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.login-card h1{margin:13px 0 12px;font-size:38px;line-height:1.08;letter-spacing:-.045em}.login-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.login-info{display:flex;gap:12px;margin:24px 0;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.login-info i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;color:#ff7ca7;background:rgba(240,22,92,.12);font-style:normal;font-weight:900}.login-info strong,.login-info span{display:block}.login-info strong{font-size:12px}.login-info span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.login-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;color:#fff;text-decoration:none;font-size:13px;font-weight:850;background:linear-gradient(135deg,var(--pink),#d20c4d);box-shadow:0 12px 30px rgba(240,22,92,.22)}.login-button svg{width:21px;height:21px;fill:currentColor}.login-status{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;color:#7f8795;font-size:10px}.login-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(49,209,145,.8)}.login-error{display:none;margin:18px 0 0;padding:12px 14px;border:1px solid rgba(255,83,100,.28);border-radius:11px;color:#ffb2bc;background:rgba(255,83,100,.08);font-size:11px}.login-error.show{display:block}@media(max-width:560px){body{padding:16px}.login-card{padding:26px 22px}.login-card h1{font-size:32px}}