/* ════════════════════════════════════════
   frontend/public/assets/css/auth.css
   ════════════════════════════════════════ */


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{margin:0;padding:0;border:0;}
body{background:#0a0a0a;color:#fff;font-family:'Oswald',sans-serif;font-size:15px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
a{color:inherit;text-decoration:none;}
button,input{font-family:inherit;font-size:inherit;}
button{cursor:pointer;border:none;background:none;}
svg{display:block;flex-shrink:0;}
:root{--or:#ff6b00;--odim:rgba(255,107,0,.10);--obdr:rgba(255,107,0,.28);--bg3:#1a1a1a;--bdr:rgba(255,255,255,.08);--r:8px;--pill:9999px;}

.auth-wrap{width:100%;max-width:420px;}
.auth-logo{display:flex;align-items:center;justify-content:center;gap:7px;font-family:'Syne',sans-serif;font-size:22px;font-weight:800;margin-bottom:32px;}
.logo-dot{width:9px;height:9px;background:var(--or);border-radius:50%;box-shadow:0 0 8px var(--or);}
.logo-or{color:var(--or);}
.auth-box{background:#111;border:1px solid var(--bdr);border-radius:20px;padding:32px;}
.auth-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.03em;margin-bottom:6px;}
.auth-sub{font-size:13px;color:#555;margin-bottom:24px;}
.form-group{margin-bottom:16px;}
.form-label{display:block;font-size:12px;color:#555;margin-bottom:5px;}
.form-in{width:100%;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);padding:11px 13px;font-size:14px;color:#fff;outline:none;transition:border-color .2s;}
.form-in:focus{border-color:var(--obdr);}
.form-in::placeholder{color:#444;}
.pass-wrap{position:relative;}
.pass-wrap .form-in{padding-right:44px;}
.pass-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#555;cursor:pointer;transition:color .2s;background:none;border:none;padding:4px;}
.pass-eye:hover{color:#aaa;}
.forgot{display:block;text-align:right;font-size:12px;color:#555;margin-top:5px;}
.forgot:hover{color:var(--or);}
.err-msg{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--r);padding:10px 13px;font-size:13px;color:#f87171;margin-bottom:16px;display:none;}
.submit-btn{width:100%;padding:13px;background:var(--or);border:none;border-radius:var(--r);font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:#000;cursor:pointer;transition:opacity .2s;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px;}
.submit-btn:hover{opacity:.88;}
.submit-btn:disabled{opacity:.4;cursor:not-allowed;}
.auth-footer{text-align:center;font-size:13px;color:#555;margin-top:20px;}
.auth-footer a{color:var(--or);}
.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#333;font-size:12px;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--bdr);}
@keyframes spin{to{transform:rotate(360deg)}}



[dir="rtl"]{text-align:right;direction:rtl;}
[dir="rtl"] .logo,[dir="rtl"] #nav .wrap,[dir="rtl"] #nav-links{flex-direction:row-reverse;}
[dir="rtl"] .slide-txt{left:auto;right:0;padding:0 60px 0 20px;}
[dir="rtl"] .slide::after{background:linear-gradient(to left,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 55%,transparent 100%);}
[dir="rtl"] .sec-head,[dir="rtl"] .ft-bot,[dir="rtl"] #nav-right{flex-direction:row-reverse;}
[dir="rtl"] .ft-top,[dir="rtl"] .cat-layout{direction:rtl;}
[dir="rtl"] #drawer{left:0;right:auto;transform:translateX(-100%);border-left:none;border-right:1px solid rgba(255,255,255,.08);}
[dir="rtl"] #drawer.on{transform:none;}
[dir="rtl"] .cat-sub-link{padding:9px 54px 9px 16px;}
[dir="rtl"] .cat-row-left{flex-direction:row-reverse;}
[dir="rtl"] .pc-foot{flex-direction:row-reverse;}
[dir="rtl"] .eyebrow::before{margin-right:0;margin-left:7px;}
[dir="rtl"] body{font-family:'Noto Kufi Arabic','Oswald',sans-serif;}


/* === From register.html === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{margin:0;padding:0;border:0;}
body{background:#0a0a0a;color:#fff;font-family:'Oswald',sans-serif;font-size:15px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
a{color:inherit;text-decoration:none;}button,input{font-family:inherit;font-size:inherit;}button{cursor:pointer;border:none;background:none;}svg{display:block;flex-shrink:0;}
:root{--or:#ff6b00;--or2:#ff8533;--odim:rgba(255,107,0,.10);--obdr:rgba(255,107,0,.28);--bg3:#1a1a1a;--bdr:rgba(255,255,255,.08);--r:8px;--pill:9999px;}
.auth-wrap{width:100%;max-width:480px;}
.auth-logo{display:flex;align-items:center;justify-content:center;gap:7px;font-family:'Syne',sans-serif;font-size:22px;font-weight:800;margin-bottom:28px;}
.logo-dot{width:9px;height:9px;background:var(--or);border-radius:50%;box-shadow:0 0 8px var(--or);}
.logo-or{color:var(--or);}
.auth-box{background:#111;border:1px solid var(--bdr);border-radius:20px;padding:32px;}
.auth-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.03em;margin-bottom:6px;}
.auth-sub{font-size:13px;color:#555;margin-bottom:24px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{display:flex;flex-direction:column;gap:5px;}
.form-group.full{grid-column:1/-1;}
.form-label{font-size:12px;color:#555;}
.form-in{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);padding:11px 13px;font-size:14px;color:#fff;outline:none;transition:border-color .2s;width:100%;}
.form-in:focus{border-color:var(--obdr);}
.form-in::placeholder{color:#444;}
.pass-wrap{position:relative;}
.pass-wrap .form-in{padding-right:44px;}
.pass-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#555;cursor:pointer;}
.pass-eye:hover{color:#aaa;}
.strength{height:3px;background:var(--bg3);border-radius:2px;margin-top:5px;overflow:hidden;}
.strength-bar{height:100%;border-radius:2px;transition:width .3s,background .3s;}
.err-msg{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--r);padding:10px 13px;font-size:13px;color:#f87171;margin-bottom:16px;display:none;}
.submit-btn{width:100%;padding:13px;background:var(--or);border:none;border-radius:var(--r);font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:#000;cursor:pointer;transition:opacity .2s;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;}
.submit-btn:hover{opacity:.88;}.submit-btn:disabled{opacity:.4;cursor:not-allowed;}
.terms{font-size:12px;color:#555;margin-top:12px;text-align:center;}
.terms a{color:var(--or);}
.auth-footer{text-align:center;font-size:13px;color:#555;margin-top:18px;}
.auth-footer a{color:var(--or);}
@media(max-width:480px){.form-grid{grid-template-columns:1fr;}}



[dir="rtl"]{text-align:right;direction:rtl;}
[dir="rtl"] .logo,[dir="rtl"] #nav .wrap,[dir="rtl"] #nav-links{flex-direction:row-reverse;}
[dir="rtl"] .slide-txt{left:auto;right:0;padding:0 60px 0 20px;}
[dir="rtl"] .slide::after{background:linear-gradient(to left,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 55%,transparent 100%);}
[dir="rtl"] .sec-head,[dir="rtl"] .ft-bot,[dir="rtl"] #nav-right{flex-direction:row-reverse;}
[dir="rtl"] .ft-top,[dir="rtl"] .cat-layout{direction:rtl;}
[dir="rtl"] #drawer{left:0;right:auto;transform:translateX(-100%);border-left:none;border-right:1px solid rgba(255,255,255,.08);}
[dir="rtl"] #drawer.on{transform:none;}
[dir="rtl"] .cat-sub-link{padding:9px 54px 9px 16px;}
[dir="rtl"] .cat-row-left{flex-direction:row-reverse;}
[dir="rtl"] .pc-foot{flex-direction:row-reverse;}
[dir="rtl"] .eyebrow::before{margin-right:0;margin-left:7px;}
[dir="rtl"] body{font-family:'Noto Kufi Arabic','Oswald',sans-serif;}


@keyframes spin{to{transform:rotate(360deg)}}