:root{--red:#ef1d25;--line:#35414b;--text:#fff;--muted:#c7d0d6}*{box-sizing:border-box}body{margin:0;background:#030507;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;background:radial-gradient(circle at 18% 42%,rgba(239,29,37,.25),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.2)),url('assafwa-hero.png') center/cover no-repeat}.left{padding:88px 70px 44px;display:flex;flex-direction:column;justify-content:space-between}.logo{width:135px;height:135px;border-radius:50%;object-fit:cover}.left h1{font-size:48px;margin:35px 0 20px;font-weight:950}.left span,.card span,.card a,.support h3{color:var(--red)}.left h2{font-size:25px;margin:0 0 30px}.left>i,.card>strong{display:block;width:90px;height:3px;background:var(--red);border-radius:9px;margin-bottom:28px}.left p{font-size:21px;line-height:1.45;max-width:540px}.features{display:grid;gap:10px;max-width:430px}.features article{padding:16px 20px;background:rgba(15,20,25,.72);border:1px solid rgba(255,255,255,.1);border-radius:12px}.features b{display:flex;gap:18px;align-items:center;font-size:17px}.features i{color:var(--red);font-size:25px;width:28px}.features small{display:block;color:var(--muted);margin:7px 0 0 46px}.left footer{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#dbe2e7}.right{padding:34px 84px;display:flex;flex-direction:column;justify-content:center;gap:34px}.card{width:min(690px,100%);margin:0 auto;background:rgba(13,19,24,.88);border:1px solid #46515b;border-radius:16px;padding:48px;box-shadow:0 20px 80px rgba(0,0,0,.45)}.avatar{width:86px;height:86px;margin:0 auto 24px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:38px}.card h2{text-align:center;margin:0 0 14px;font-size:36px}.card p{text-align:center;color:#e8eef2;font-size:23px;line-height:1.45;margin:0}.card>strong{margin:20px auto 28px;width:82px}.card label{display:block;font-weight:800;margin-top:20px}.card label>div{height:60px;margin-top:12px;border:1px solid #3a4650;border-radius:9px;display:flex;align-items:center;gap:15px;padding:0 16px;background:rgba(2,6,10,.34)}.card input[type=text],.card input[type=password]{flex:1;border:0;background:transparent;outline:0;color:white;font-size:20px}.card label i{font-size:22px}.card button[type=button]{border:0;background:transparent;color:white;cursor:pointer}.card nav{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.card nav label{margin:0;font-weight:500;display:flex;gap:10px}.card nav input{accent-color:var(--red);width:20px;height:20px}.submit{width:100%;height:62px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff2b33,#d31920);color:white;font-size:22px;font-weight:900;cursor:pointer}.error{border:1px solid #7f1d1d;background:rgba(239,29,37,.13);color:#fecaca;border-radius:9px;padding:12px;text-align:center}.support{width:min(690px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:rgba(13,19,24,.86);border:1px solid #26323b;border-radius:14px;padding:22px 38px}.support p{font-size:20px}.support p i{width:28px;color:#22c55e}.support>div:last-child{border-left:1px solid #44515b;padding-left:40px;display:flex;align-items:center;gap:24px;font-size:19px}.support>div:last-child i{color:var(--red);font-size:34px}@media(max-width:1000px){.login-page{grid-template-columns:1fr}.left{display:none}.right{padding:24px}.support{grid-template-columns:1fr}}
