:root{color-scheme:dark;font-family:system-ui,"Noto Sans Arabic",Tahoma,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:26px 14px;background:radial-gradient(circle at 60% 0%,#30204a 0%,#101222 45%,#090c17 100%);color:#f5f2ff;display:grid;place-items:center;direction:rtl}
.panel{width:min(100%,480px);background:#15172a;border:1px solid #383453;border-radius:24px;padding:clamp(20px,5vw,38px);box-shadow:0 20px 75px #0507119c}
.brand{color:#c6a5ff;font-size:28px;font-weight:800;text-decoration:none;display:block}.brand small{font-size:11px;letter-spacing:1.1px;color:#9aa1bb;display:inline-block;margin-inline-start:6px}h1{font-size:clamp(23px,5vw,32px);line-height:1.5;margin:18px 0 3px}p{color:#b7b6ce;line-height:1.8;margin:4px 0 20px}form{display:grid;gap:15px}label{display:grid;gap:7px;font-weight:600;font-size:14px}input{font:inherit;background:#101224;border:1px solid #41415e;border-radius:12px;padding:14px;color:#fff;min-width:0;width:100%;outline:none}input:focus{border-color:#ae84ff;box-shadow:0 0 0 3px #ac80ff24}.button{display:block;border:0;width:100%;text-align:center;text-decoration:none;background:linear-gradient(100deg,#9460f2,#55bddb);color:#fff;font:700 17px system-ui,Tahoma,sans-serif;padding:15px;border-radius:13px;cursor:pointer;margin-top:10px}.button:disabled{opacity:.55;cursor:not-allowed}.error{background:#4c2032;border:1px solid #bb556a;color:#ffd3dd;border-radius:12px;padding:12px;line-height:1.6;margin:18px 0}.links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:14px}.links a{color:#b9a7eb;text-decoration:none}