:root{--login-bg:#070b14;--login-panel:#0d1526;--login-card:rgba(15,26,45,.88);--login-border:rgba(148,163,184,.2);--login-text:#f8fafc;--login-muted:#9fb0c6;--login-blue:#3b82f6;--login-indigo:#6366f1}
*{box-sizing:border-box}body{margin:0;background:var(--login-bg);font-family:"Tajawal",Arial,sans-serif}.nuqta-login{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);color:var(--login-text);background:var(--login-bg)}
.login-pitch{position:relative;min-width:0;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,76px);border-inline-end:1px solid var(--login-border);background:radial-gradient(circle at 15% 14%,rgba(59,130,246,.2),transparent 28rem),radial-gradient(circle at 88% 86%,rgba(124,58,237,.18),transparent 30rem),linear-gradient(145deg,#0d1729,#09111f)}
.pitch-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(135deg,#000,transparent 75%)}
.pitch-brand,.pitch-copy,.pitch-footer{position:relative;z-index:1}.pitch-brand{display:flex;align-items:center;gap:12px}.pitch-brand img,.mobile-login-brand img{width:58px;height:58px;object-fit:contain;padding:4px;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(37,99,235,.28)}.pitch-brand>div,.mobile-login-brand>div{display:grid}.pitch-brand strong,.mobile-login-brand strong{font-size:1rem;font-weight:900}.pitch-brand small,.mobile-login-brand small{color:var(--login-muted);font-size:.72rem}
.pitch-copy{max-width:720px}.eyebrow{display:flex;align-items:center;gap:7px;color:#93c5fd;font-size:.72rem;font-weight:900;letter-spacing:.12em}.eyebrow svg{width:15px}.pitch-copy h1{max-width:680px;margin:15px 0 13px;font-size:clamp(2.4rem,4.6vw,4.5rem);font-weight:900;line-height:1.06;letter-spacing:-.035em}.pitch-copy>p{max-width:610px;margin:0;color:var(--login-muted);font-size:1.05rem;line-height:1.9}
.pitch-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:30px}.pitch-features article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--login-border);border-radius:14px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.pitch-features article>svg{width:24px;height:24px;flex:0 0 24px;color:#93c5fd}.pitch-features article>div{min-width:0;display:grid}.pitch-features strong{font-size:.82rem}.pitch-features small{color:var(--login-muted);font-size:.66rem}
.pitch-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#71849c;font-size:.7rem}.pitch-footer span:last-child{display:flex;align-items:center;gap:6px}.pitch-footer svg{width:14px;color:#34d399}
.login-area{position:relative;display:grid;place-items:center;padding:clamp(22px,4vw,54px);background:radial-gradient(circle at 50% 10%,rgba(59,130,246,.08),transparent 25rem),#080f1c}.login-shell{width:min(430px,100%)}.mobile-login-brand{display:none}.login-card{position:relative;padding:clamp(25px,4vw,38px);border:1px solid var(--login-border);border-radius:22px;background:linear-gradient(145deg,rgba(18,32,54,.96),var(--login-card));box-shadow:0 30px 90px rgba(0,0,0,.52);backdrop-filter:blur(20px);animation:loginEnter .48s ease both}.login-card::before{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,#60a5fa,transparent)}
.login-card-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;color:#bfdbfe;border:1px solid rgba(96,165,250,.25);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(99,102,241,.12));box-shadow:0 10px 25px rgba(37,99,235,.17)}.login-card-icon svg{width:24px}.login-kicker{color:#93c5fd;font-size:.7rem;font-weight:900}.login-card h2{margin:5px 0 3px;font-size:1.85rem;font-weight:900}.login-card .intro{margin:0 0 25px;color:var(--login-muted);font-size:.82rem}
.login-form{display:grid;gap:17px}.login-form>label{display:grid;gap:8px;color:#cbd8e8;font-size:.77rem;font-weight:700}.field-wrap{position:relative}.field-icon{position:absolute;z-index:2;inset-inline-start:14px;top:50%;width:17px;color:#7f94ad;transform:translateY(-50%)}.login-form input[type=text],.login-form input[type=password]{width:100%;min-height:48px;padding:11px 43px;color:#f8fafc;border:1px solid var(--login-border);border-radius:12px;outline:0;background:rgba(2,8,19,.45);box-shadow:inset 0 2px 5px rgba(0,0,0,.18);font:600 .86rem "Tajawal",sans-serif;transition:.2s}.login-form input::placeholder{color:#61758e}.login-form input:focus{border-color:#60a5fa;background:rgba(59,130,246,.045);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.login-form input:focus~.field-icon,.field-wrap:focus-within>.field-icon{color:#93c5fd}
.password-toggle{position:absolute;z-index:2;inset-inline-end:9px;top:50%;width:34px;height:34px;display:grid;place-items:center;color:#8094ac;border:0;border-radius:8px;background:transparent;transform:translateY(-50%);cursor:pointer}.password-toggle:hover{color:#bfdbfe;background:rgba(59,130,246,.1)}.password-toggle svg{width:17px}
.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--login-muted);font-size:.7rem}.remember{display:flex!important;align-items:center;gap:7px}.remember input{accent-color:var(--login-blue)}.secure-note{display:flex;align-items:center;gap:5px}.secure-note svg{width:13px;color:#34d399}
.login-submit{min-height:49px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#6366f1);box-shadow:0 14px 34px rgba(37,99,235,.3);font:900 .9rem "Tajawal",sans-serif;cursor:pointer;transition:.2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(37,99,235,.4)}.login-submit svg{width:17px}.login-note{margin:19px 0 0;color:#6f839b;text-align:center;font-size:.68rem}.login-alert{display:flex;align-items:center;gap:8px;margin-bottom:17px;padding:11px 12px;color:#fecdd3;border:1px solid rgba(251,113,133,.35);border-radius:11px;background:rgba(251,113,133,.09);font-size:.76rem}.login-alert svg{width:17px;flex:0 0 17px}
@keyframes loginEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.nuqta-login{grid-template-columns:1fr}.login-pitch{min-height:300px;padding:32px}.pitch-copy h1{max-width:680px;font-size:2.6rem}.pitch-copy>p{font-size:.9rem}.pitch-features{max-width:700px}.pitch-footer{display:none}.login-area{padding:38px 20px 50px}.mobile-login-brand{display:none}}
@media(max-width:700px){.login-pitch{min-height:230px}.pitch-brand img{width:50px;height:50px}.pitch-copy h1{font-size:2rem}.pitch-copy>p,.pitch-features{display:none}.login-area{place-items:start center}.mobile-login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.mobile-login-brand img{width:50px;height:50px}.login-card{border-radius:18px}}
@media(max-width:440px){.login-pitch{min-height:185px;padding:25px 20px}.pitch-brand{display:none}.pitch-copy h1{font-size:1.65rem}.login-area{padding:25px 14px 38px}.login-card{padding:24px 18px}.login-row{align-items:flex-start;flex-direction:column}.login-card h2{font-size:1.55rem}}