*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020812;color:#f7f9fc}button,input{font:inherit}.login-page{position:relative;min-height:100vh;overflow:hidden;background:#020812}.login-background{position:absolute;inset:0;background-image:url(/playqs-login-bg.jpg);background-size:cover;background-position:50%;transform:scale(1.03);filter:saturate(.85) brightness(.62)}.login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.96),rgba(2,8,18,.83) 35%,rgba(2,8,18,.62) 63%,rgba(2,8,18,.86))}.login-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(53,125,255,.18),transparent 32%)}.login-content{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:42px 0;display:flex;flex-direction:column;justify-content:center}.login-brand{position:absolute;top:38px;left:0;display:flex;align-items:center;gap:13px}.brand-icon,.mini-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5d9cff,#1767ef);box-shadow:0 10px 35px rgba(31,111,255,.32)}.brand-icon{width:48px;height:48px;border-radius:14px;font-size:19px}.brand-icon span,.mini-logo span{transform:translateX(1px)}.brand-name{font-size:21px;font-weight:700;letter-spacing:-.5px}.brand-name strong,.card-brand strong{color:#4e91ff}.brand-subtitle{margin-top:2px;color:#a4b0c2;font-size:13px}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 470px;grid-gap:100px;gap:100px;align-items:center}.login-presentation{max-width:570px;padding-top:45px}.presentation-badge{display:inline-flex;align-items:center;height:30px;padding:0 13px;border:1px solid rgba(85,147,255,.35);border-radius:999px;background:rgba(41,104,215,.12);color:#71a8ff;font-size:11px;font-weight:800;letter-spacing:2px}.login-presentation h1{margin:22px 0 18px;font-size:clamp(42px,5vw,66px);line-height:.99;letter-spacing:-3px;font-weight:650}.login-presentation h1 strong{font-weight:750;background:linear-gradient(90deg,#ffffff,#6da6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-presentation>p{max-width:500px;margin:0;color:#aeb9c9;font-size:17px;line-height:1.65}.presentation-items{display:flex;flex-direction:column;gap:16px;margin-top:36px}.presentation-items>div{display:flex;align-items:center;gap:14px}.presentation-items>div>span{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(90,151,255,.25);border-radius:11px;background:rgba(45,112,236,.1);color:#62a0ff;font-size:13px}.presentation-items strong{display:block;font-size:14px;font-weight:650}.presentation-items small{display:block;margin-top:3px;color:#8795aa;font-size:12px}.login-card{width:100%;padding:34px 38px 28px;border:1px solid rgba(154,186,230,.18);border-radius:25px;background:linear-gradient(145deg,rgba(17,31,52,.91),rgba(6,17,31,.86));box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card-header{display:flex;align-items:center;gap:12px}.mini-logo{width:43px;height:43px;border-radius:12px;font-size:16px}.card-brand{font-size:17px;font-weight:750}.card-brand-subtitle{margin-top:2px;color:#8796ab;font-size:12px}.login-heading{margin:35px 0 28px}.login-heading h2{margin:0;font-size:35px;letter-spacing:-1.3px}.login-heading p{margin:8px 0 0;color:#8997aa;font-size:14px}.login-card form{display:flex;flex-direction:column}.login-card label{margin-bottom:8px;color:#dbe4f1;font-size:13px;font-weight:650}.input-wrapper{position:relative;margin-bottom:20px}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#73849a;font-size:13px;pointer-events:none}.input-wrapper input{width:100%;height:54px;padding:0 15px 0 43px;border:1px solid rgba(137,164,198,.17);border-radius:13px;outline:none;background:rgba(3,13,25,.64);color:#f4f7fb;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-wrapper input::placeholder{color:#647287}.input-wrapper input:focus{border-color:rgba(73,142,255,.75);background:rgba(4,15,29,.82);box-shadow:0 0 0 4px rgba(58,130,255,.09)}.login-button{height:54px;margin-top:4px;border:0;border-radius:13px;cursor:pointer;background:linear-gradient(135deg,#5b96ff,#3277ed);color:white;font-size:15px;font-weight:750;box-shadow:0 12px 30px rgba(37,111,241,.28);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.login-button span{margin-left:8px;font-size:18px}.login-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 35px rgba(37,111,241,.36)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:wait;opacity:.65}.login-error{margin:-5px 0 16px;padding:11px 13px;border:1px solid rgba(255,95,95,.22);border-radius:10px;background:rgba(170,35,35,.1);color:#ff9d9d;font-size:12px}.login-divider{display:flex;align-items:center;gap:10px;margin:25px 0 18px}.login-divider span{height:1px;flex:1 1;background:rgba(143,165,193,.12)}.login-divider small{color:#65748a;font-size:10px;white-space:nowrap}.login-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#65748a;font-size:10px}.login-footer span:first-child{color:#5594ff}@media (max-width:900px){.login-content{width:min(560px,calc(100% - 32px));padding-top:100px}.login-layout{grid-template-columns:1fr;gap:35px}.login-presentation{display:none}.login-card{max-width:500px;margin:0 auto}.login-brand{left:50%;transform:translateX(-50%);white-space:nowrap}}@media (max-width:520px){.login-content{width:calc(100% - 24px);padding:85px 0 24px}.login-card{padding:27px 22px 23px;border-radius:20px}.login-heading{margin-top:29px}.login-heading h2{font-size:31px}}