/* Mada modern wordmark v1 — lightweight CSS-only branding + animated login shine */
.mada-brand{display:inline-flex;align-items:center;gap:9px;direction:ltr;text-decoration:none;user-select:none}
.mada-brand .mada-brand-mark{width:38px;height:38px;display:grid;place-items:center;position:relative;flex:0 0 38px;border-radius:12px;background:linear-gradient(135deg,#11cfff 0%,#2574ff 48%,#b52cff 100%);box-shadow:0 7px 18px rgba(45,104,244,.24);overflow:hidden}
.mada-brand .mada-brand-mark:before,.mada-brand .mada-brand-mark:after{content:'';position:absolute;width:13px;height:29px;border-radius:9px;transform:skewX(-25deg);background:linear-gradient(180deg,#fff,#c8f7ff);opacity:.95}
.mada-brand .mada-brand-mark:before{left:8px;top:5px;transform:skewX(-25deg) rotate(-8deg)}
.mada-brand .mada-brand-mark:after{right:7px;top:5px;transform:skewX(25deg) rotate(8deg);background:linear-gradient(180deg,#fff,#e8c8ff)}
.mada-brand .mada-brand-mark i{position:relative;z-index:2;width:9px;height:25px;border-radius:7px;background:linear-gradient(180deg,#fff,#bff6ff);transform:skewX(-7deg);box-shadow:0 0 10px rgba(255,255,255,.35)}
.mada-brand .mada-brand-word{font-size:27px;line-height:1;font-weight:950;letter-spacing:.6px;background:linear-gradient(100deg,#137cff 0%,#2671f5 48%,#a92bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 18px rgba(53,105,241,.13)}
.mada-brand .mada-brand-sub{font-size:10px;line-height:1;color:#8a96aa;font-weight:800;letter-spacing:1.2px;margin-top:4px;direction:rtl}
.mada-brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.auth-card .mada-brand{margin-bottom:8px}
.auth-card .mada-brand .mada-brand-mark{width:76px;height:76px;flex-basis:76px;border-radius:23px;box-shadow:0 15px 38px rgba(45,104,244,.34),0 0 28px rgba(17,207,255,.13);isolation:isolate}
.auth-card .mada-brand .mada-brand-mark:before,.auth-card .mada-brand .mada-brand-mark:after{width:25px;height:57px;border-radius:14px}
.auth-card .mada-brand .mada-brand-mark:before{left:15px;top:9px}.auth-card .mada-brand .mada-brand-mark:after{right:14px;top:9px}.auth-card .mada-brand .mada-brand-mark i{width:16px;height:48px;border-radius:11px}
.auth-card .mada-brand .mada-brand-word{font-size:52px;letter-spacing:1.4px;text-shadow:0 6px 24px rgba(52,112,255,.24)}
.auth-card .mada-brand .mada-brand-sub{font-size:15px;letter-spacing:2.4px}
/* Moving light sweep across the exact same logo — CSS only. */
.auth-card .mada-brand .mada-brand-mark i:after{content:'';position:absolute;z-index:4;top:-18px;left:-58px;width:30px;height:112px;transform:rotate(27deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),rgba(255,255,255,.18),transparent);filter:blur(1px);animation:madaLogoShine 2.7s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
.auth-card .mada-brand .mada-brand-word{position:relative}
.auth-card .mada-brand .mada-brand-word:after{content:'';position:absolute;top:-20%;left:-70%;width:34%;height:150%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);filter:blur(2px);animation:madaWordShine 3.4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
.auth-card .mada-brand-stack:after{content:'';display:block;width:112px;height:5px;margin:2px auto 1px;border-radius:999px;background:linear-gradient(90deg,transparent,#12d7ff,#7261ff,#c62cff,transparent);box-shadow:0 0 14px rgba(57,137,255,.5);animation:madaGlowPulse 2.4s ease-in-out infinite}
@keyframes madaLogoShine{0%,18%{left:-58px;opacity:0}28%{opacity:1}62%{left:92px;opacity:.95}76%,100%{left:118px;opacity:0}}
@keyframes madaWordShine{0%,25%{left:-70%;opacity:0}35%{opacity:1}70%{left:135%;opacity:.9}78%,100%{left:145%;opacity:0}}
@keyframes madaGlowPulse{0%,100%{opacity:.55;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1.04)}}
.topbar>.mada-brand{position:absolute;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none}
.topbar>.mada-brand .mada-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:11px}.topbar>.mada-brand .mada-brand-word{font-size:24px}
@media(max-width:520px){.topbar>.mada-brand{gap:7px}.topbar>.mada-brand .mada-brand-mark{width:31px;height:31px;flex-basis:31px;border-radius:10px}.topbar>.mada-brand .mada-brand-word{font-size:22px}.topbar>.mada-brand .mada-brand-sub{display:none}}
#auth.auth-screen{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(46,99,255,.22),transparent 34%),radial-gradient(circle at 12% 82%,rgba(13,207,255,.12),transparent 30%),radial-gradient(circle at 88% 72%,rgba(181,44,255,.14),transparent 32%),linear-gradient(145deg,#050a19 0%,#09132b 52%,#08091b 100%);isolation:isolate}
#auth.auth-screen:before,#auth.auth-screen:after{content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(2px)}
#auth.auth-screen:before{width:280px;height:280px;top:-150px;right:-110px;background:radial-gradient(circle,rgba(22,205,255,.22),transparent 68%);animation:madaAuthFloat 7s ease-in-out infinite}
#auth.auth-screen:after{width:340px;height:340px;bottom:-210px;left:-150px;background:radial-gradient(circle,rgba(173,44,255,.18),transparent 68%);animation:madaAuthFloat 9s ease-in-out infinite reverse}
.auth-card{background:rgba(10,18,38,.78);border:1px solid rgba(113,154,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 45px rgba(49,101,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.auth-card p{color:#aab9d8}
.auth-card input{background:rgba(255,255,255,.055);border-color:rgba(135,165,225,.2);color:#f3f7ff}
.auth-card input::placeholder{color:#8f9fbe}
.auth-card input:focus{border-color:#3e9dff;box-shadow:0 0 0 4px rgba(47,125,244,.12),0 0 18px rgba(31,151,255,.12)}
@keyframes madaAuthFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-16px,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.auth-card .mada-brand .mada-brand-mark i:after,.auth-card .mada-brand .mada-brand-word:after,.auth-card .mada-brand-stack:after,#auth.auth-screen:before,#auth.auth-screen:after{animation:none}}
body.dark .mada-brand .mada-brand-word{background:linear-gradient(100deg,#59cfff,#72a8ff 52%,#dc75ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.dark .mada-brand .mada-brand-sub{color:#8f9db3}