.login-page,.login-page *{box-sizing:border-box;font-family:Vazirmatn,sans-serif}.login-page{background:#eef1f6;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px;display:flex;position:relative}.login-page:before{content:"";opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%230A4EA1' stroke-width='1'%3E%3Cpath d='M28 4 L34 22 L52 28 L34 34 L28 52 L22 34 L4 28 L22 22 Z'/%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}.nastaliq{font-family:Noto Nastaliq Urdu,serif}.shell{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:1180px;min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0a285a1f}.panel{color:#fff;background:linear-gradient(160deg,#0d3f96 0%,#0a2f73 60%,#08265e 100%);border-radius:20px;flex-direction:column;flex-shrink:0;width:400px;margin:14px;padding:34px 30px;display:flex;position:relative}.panel:before{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M28 4 L34 22 L52 28 L34 34 L28 52 L22 34 L4 28 L22 22 Z'/%3E%3Ccircle cx='28' cy='28' r='3'/%3E%3C/g%3E%3C/svg%3E");border-radius:20px;position:absolute;inset:0}.panel>*{position:relative}.p-head{text-align:center}.p-head .emblem{width:200px;height:200px;margin:0 auto 8px}.p-head .emblem img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.divider{align-items:center;gap:8px;margin:18px 0;display:flex}.divider:before,.divider:after{content:"";background:#ffffff59;flex:1;height:1px}.divider i{background:#fff;width:8px;height:8px;transform:rotate(45deg)}.motto{outline-offset:4px;text-align:center;border:1px solid #ffffff80;border-radius:10px;outline:1px solid #ffffff40;margin:20px auto;padding:14px 12px;position:relative}.motto:before,.motto:after{content:"❖";color:#e8c76a;font-size:14px;position:absolute;top:-11px}.motto:before{right:14px}.motto:after{left:14px}.motto .year{color:#e8c76a;margin-bottom:4px;font-size:10px;display:block}.motto .text{color:#f3d98b;font-size:15px}.motto-img-wrap{margin:20px auto}.motto-img{outline-offset:4px;border:1px solid #ffffff59;border-radius:12px;outline:1px solid #fff3;width:100%;display:block}.feats{flex-direction:column;gap:14px;margin-top:8px;display:flex}.feat{align-items:flex-start;gap:12px;display:flex}.feat .ic{border:1px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feat .ic svg{width:18px;height:18px}.feat h4{margin:0 0 2px;font-size:13px;font-weight:700}.feat p{color:#cfdcff;margin:0;font-size:10.5px}.notice{color:#e6edff;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;margin-top:auto;padding:12px 14px;font-size:10.5px;line-height:1.9}.notice b{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.side{flex-direction:column;flex:1;padding:36px 48px;display:flex;overflow-y:auto}.brand{text-align:center;margin-bottom:18px}.brand .emblem{width:56px;height:56px;margin:0 auto 6px}.brand .emblem img{object-fit:contain;width:100%;height:100%}.brand .flag{justify-content:center;gap:3px;margin-top:6px;display:flex}.brand .flag i{border-radius:2px;width:22px;height:4px}.brand h1{color:#0d3f96;margin:10px 0 4px;font-size:20px;font-weight:800}.brand p{color:#64748b;margin:0;font-size:12px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0f172a0a}.lbl{color:#334155;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.inp-wrap{margin-bottom:16px;position:relative}.inp-wrap .lead{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inp-wrap .lead svg{width:17px;height:17px}.inp{background:#fff;border:1px solid #dbe2ea;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 40px;font-size:13px;transition:all .2s}.inp:focus{border-color:#0d3f96;box-shadow:0 0 0 3px #0d3f9614}.cap-row{align-items:stretch;gap:10px;margin-bottom:16px;display:flex}.cap-box{letter-spacing:8px;color:#334155;-webkit-user-select:none;user-select:none;direction:ltr;background:#f1f5f9 radial-gradient(#cbd5e1 1px,#0000 1px) 0 0/10px 10px;border:1px dashed #cbd5e1;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:120px;min-height:46px;font-size:18px;font-weight:800;display:flex}.cap-refresh{color:#475569;background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;justify-content:center;align-items:center;width:46px;text-decoration:none;display:flex}.cap-refresh svg{width:16px;height:16px}.btn-login{color:#fff;cursor:pointer;background:#0d3f96;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-login:hover{background:#0a2f73}.btn-login svg{width:17px;height:17px}.reg-line{text-align:center;color:#64748b;margin-top:14px;font-size:12px}.reg-line a{color:#0d3f96;font-weight:700}.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12px}.minis{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.mini{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 10px;transition:all .2s}.mini:hover{border-color:#0d3f96}.mini .ic{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 8px;display:flex}.mini .ic svg{width:20px;height:20px}.mini h5{color:#1e293b;margin:0 0 3px;font-size:12.5px;font-weight:700}.mini p{color:#94a3b8;margin:0;font-size:10px}.inforow{background:#f1f5f9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding:12px;display:grid}.info{text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.info svg{color:#475569;flex-shrink:0;width:16px;height:16px}.info .t{color:#475569;font-size:10.5px}.info .t b{color:#1e293b;font-size:10.5px;display:block}.login-page .motto .text{font-family:var(--font-nastaliq),serif;color:#f3d98b;font-size:15px;line-height:2;display:block}.login-page button.mini{width:100%;font-family:inherit}.modal{z-index:60;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal .box{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:80vh;padding:20px;overflow-y:auto}@media (max-width:900px){.shell{flex-direction:column}.panel{order:2;width:auto;margin:12px}.side{order:1;padding:24px}}