*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;min-height:100%}
body{
font-family:'Cairo',Tahoma,Arial,sans-serif;direction:rtl;color:#0f2340;overflow-x:hidden;
background:radial-gradient(circle at 18% 10%,rgba(143,211,255,.38),transparent 25%),linear-gradient(135deg,#eef8ff,#fff 45%,#dff2ff)
}
a{text-decoration:none}
.auth-page{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:14px}
.auth-card{
width:min(980px,96vw);min-height:min(940px,96dvh);background:rgba(255,255,255,.78);
border:1px solid #d9e9f7;border-radius:30px;box-shadow:0 22px 60px rgba(62,126,180,.16);
overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center
}
.auth-card:before{
content:"";position:absolute;inset:auto -10% 0 -10%;height:38%;
background:linear-gradient(160deg,rgba(210,237,255,.25),rgba(179,224,255,.60));
clip-path:ellipse(65% 80% at 50% 100%);pointer-events:none
}
.auth-form-side{position:relative;z-index:2;width:min(520px,92%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px}
.auth-brand-side{display:none!important}
.mobile-logo{display:flex;justify-content:center;align-items:center;margin-bottom:6px}
.mobile-logo img{width:clamp(135px,18vw,210px);height:auto;max-height:210px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(23,88,145,.13))}
.auth-title{font-size:clamp(29px,4.2vw,46px);font-weight:900;line-height:1.25;color:#0a2a60;text-align:center;margin:2px 0 8px;letter-spacing:-.5px}
.auth-subtitle{font-size:clamp(14px,1.6vw,19px);font-weight:800;color:#31435f;text-align:center;margin-bottom:22px}
.auth-subtitle:before{content:"💙";margin-left:8px}
.auth-error,.auth-success{width:100%;padding:12px 14px;border-radius:15px;font-size:13px;font-weight:900;margin-bottom:12px;text-align:center}
.auth-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.auth-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
form{width:100%}
.input-group{
width:100%;height:58px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.88);
border:1px solid #d2e1ef;border-radius:16px;padding:0 16px;margin-bottom:12px;box-shadow:0 9px 20px rgba(18,75,130,.05)
}
.input-group .icon{order:2;font-size:21px;color:#0d3c78;opacity:.84}
.input-group input{order:1;flex:1;height:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:14px;font-weight:700;color:#1e2f48;text-align:right}
.input-group input::placeholder{color:#7b8797}
.auth-link-row{text-align:center;margin:2px 0 14px}
.auth-link-row a{color:#0b7fe9;font-weight:900;font-size:13px}
.auth-btn{
width:100%;height:58px;border:0;border-radius:17px;background:linear-gradient(180deg,#39b7ff,#0873df);
color:#fff;font-family:inherit;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 14px 26px rgba(9,115,220,.22)
}
.divider{width:100%;display:flex;align-items:center;gap:12px;margin:20px 0 13px;color:#31435f;font-size:14px;font-weight:900;text-align:center}
.divider:before,.divider:after{content:"";height:1px;flex:1;background:#d7e4f0}
.social-row{width:100%;display:flex!important;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap!important;margin:0 0 18px}
.social-btn{
flex:1;height:54px;border-radius:15px;background:rgba(255,255,255,.92);border:1px solid #d5e4f1;
box-shadow:0 10px 20px rgba(35,95,150,.07);display:flex;align-items:center;justify-content:center;gap:8px;color:#0f2340;font-size:0;font-weight:900
}
.social-btn:after{font-size:14px;font-weight:900}
.social-btn.google:before{content:"G";font-size:26px;font-weight:900;color:#ea4335;font-family:Arial,sans-serif}
.social-btn.google:after{content:"جوجل"}
.social-btn.facebook:before{content:"f";font-size:30px;font-weight:900;color:#1877f2;font-family:Arial,sans-serif}
.social-btn.facebook:after{content:"فيسبوك"}
.social-btn.apple:before{content:"●";font-size:26px;color:#000}
.social-btn.apple:after{content:"أبل"}
.auth-legal-note,.terms-check{width:100%;text-align:center;font-size:13px;line-height:1.8;color:#42536b;font-weight:800;margin:0 auto 12px}
.auth-legal-note a,.terms-check a{color:#0873df;font-weight:900}
.terms-check{display:flex;align-items:flex-start;justify-content:center;gap:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.58);border:1px solid #dbe8f4}
.terms-check input{margin-top:7px;accent-color:#0873df}
.auth-bottom{font-size:14px;font-weight:800;color:#607086;text-align:center}
.auth-bottom a{color:#0873df;font-weight:900}
.qaada-inline-footer{width:100%;margin-top:18px;padding-top:16px;border-top:1px solid #d9e7f4;text-align:center}
.qaada-inline-footer .footer-title{display:none}
.qaada-inline-footer .footer-desc{color:#465872;font-size:13px;font-weight:800;line-height:1.8}
.qaada-inline-footer nav{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 8px}
.qaada-inline-footer nav a{color:#0873df;font-size:13px;font-weight:900}
.qaada-inline-footer nav a:not(:last-child):after{content:"•";color:#9ab0c8;margin-right:10px}
.qaada-inline-footer p{color:#607086;font-size:12px;font-weight:800}
.register-page .auth-form-side{width:min(540px,92%)}
.register-page .auth-title{font-size:clamp(28px,3.6vw,40px)}
.register-page .mobile-logo img{width:clamp(120px,16vw,180px)}
@media(max-width:768px){
body{background:linear-gradient(180deg,#f9fdff,#eef8ff)}
.auth-page{min-height:100dvh;height:100dvh;padding:0;align-items:stretch;overflow:hidden}
.auth-card{width:100%;min-height:100dvh;height:100dvh;border-radius:0;border:0;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.auth-form-side{width:100%;min-height:100dvh;justify-content:flex-start;padding:calc(env(safe-area-inset-top) + 18px) 18px 18px}
.mobile-logo img{width:clamp(120px,38vw,175px);max-height:175px}
.auth-title{font-size:clamp(25px,7vw,34px);margin-top:0;margin-bottom:6px}
.auth-subtitle{font-size:14px;margin-bottom:18px}
.input-group{height:56px;border-radius:15px;margin-bottom:11px}
.auth-btn{height:56px;font-size:19px}
.divider{margin:17px 0 12px;font-size:13px}
.social-row{gap:8px!important}
.social-btn{height:50px;min-width:0;border-radius:14px;gap:5px}
.social-btn:after{font-size:12px}
.social-btn.google:before,.social-btn.apple:before{font-size:23px}
.social-btn.facebook:before{font-size:27px}
.auth-legal-note,.terms-check{font-size:12px;line-height:1.7;margin-bottom:10px}
.qaada-inline-footer{margin-top:auto;padding-top:14px}
.qaada-inline-footer .footer-desc{font-size:12px;line-height:1.7}
.qaada-inline-footer nav{gap:5px;margin:8px 0}
.qaada-inline-footer nav a{font-size:11px}
.qaada-inline-footer nav a:not(:last-child):after{margin-right:5px}
.qaada-inline-footer p{font-size:11px}
}
@media(max-width:390px){
.auth-form-side{padding-left:14px;padding-right:14px}.mobile-logo img{width:120px}.auth-title{font-size:25px}
.auth-subtitle{font-size:13px;margin-bottom:14px}.input-group{height:50px;margin-bottom:9px}.auth-btn{height:52px;font-size:17px}
.social-btn{height:46px}.social-btn:after{display:none}.qaada-inline-footer .footer-desc{font-size:11px}.qaada-inline-footer nav a{font-size:10px}
}