.cat-row{position:relative;display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;min-height:72px;cursor:pointer;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent-color) 50.2%,transparent);background:#fff;transform:translateY(0);transition:background .26s cubic-bezier(.4,0,.2,1),box-shadow .26s cubic-bezier(.4,0,.2,1),transform .26s cubic-bezier(.4,0,.2,1);will-change:transform}.cat-row:hover{background:linear-gradient(120deg,color-mix(in srgb,var(--accent-color) 37.6%,transparent),color-mix(in srgb,var(--accent-color) 18.8%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-color) 9.4%,transparent),0 10px 32px -8px #102c261f;transform:translateY(-1px)}.cat-accent-bar{position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--primary-color),var(--primary-color));opacity:0;transform:scaleY(.4);transition:opacity .24s ease,transform .24s ease}.cat-row:hover .cat-accent-bar{opacity:1;transform:scaleY(1)}.cat-badge{width:46px;height:46px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-color);transform:scale(1);transition:background .26s cubic-bezier(.34,1.4,.64,1),box-shadow .26s cubic-bezier(.34,1.4,.64,1),transform .26s cubic-bezier(.34,1.4,.64,1)}.cat-row:hover .cat-badge{background:linear-gradient(145deg,var(--primary-color) 0%,var(--primary-color) 100%);box-shadow:0 6px 18px -4px #102c2640;transform:scale(1.06)}.cat-badge-text{font-weight:800;letter-spacing:.04em;font-family:Inter,SF Pro Display,system-ui,sans-serif;color:var(--primary-color);-webkit-user-select:none;user-select:none;line-height:1;transition:color .22s ease}.cat-row:hover .cat-badge-text{color:var(--accent-color)}.cat-title{margin:0;font-weight:700;font-size:.935rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .24s ease}.cat-row:hover .cat-title{color:var(--primary-color)}.cat-subtitle{margin:3px 0 0;font-size:.64rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#b0bcc8;font-family:Inter,system-ui,sans-serif;line-height:1;transition:color .24s ease}.cat-row:hover .cat-subtitle{color:color-mix(in srgb,var(--primary-color) 60%,transparent)}.cat-chevron{width:14px;height:14px;flex-shrink:0;stroke:#d1d5db;transform:translate(-8px) scale(.8);opacity:0;transition:stroke .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1),opacity .24s cubic-bezier(.4,0,.2,1)}.cat-row:hover .cat-chevron{stroke:var(--primary-color);transform:translate(0) scale(1);opacity:1}.chat-btn-wrapper{position:fixed;bottom:24px;right:24px;z-index:1000}.exact-chat-btn{position:relative;width:64px;height:64px;background:linear-gradient(135deg,#2bc6eb,#13b39d);border-radius:40%;box-shadow:inset 0 3px 6px -2px #ffffff4d,inset 0 -3px 6px -2px #0000001a,0 8px 16px -4px #13b39d66;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;animation:bouncy-idle 4s infinite;transform-origin:bottom center;transition:box-shadow .3s ease,transform .2s ease;z-index:1001}.eye-container{display:flex;justify-content:center;align-items:center;gap:10px;transition:transform .1s ease-out}.pill{width:10px;height:16px;background-color:#fff;border-radius:10px;box-shadow:inset 0 -1px 2px #0000001a;transform-origin:center;animation:blink 4s infinite;transition:height .3s cubic-bezier(.4,0,.2,1),background-color .3s}.exact-chat-btn:hover{box-shadow:inset 0 3px 6px -2px #fff6,inset 0 -3px 6px -2px #00000026,0 10px 20px -5px #13b39d99}.exact-chat-btn:hover .pill{height:19px;width:11px}.exact-chat-btn.jumping{animation:jump .6s cubic-bezier(.25,1,.5,1) forwards}.exact-chat-btn.jumping .pill{animation:none;transform:scaleY(.6)}.exact-chat-btn.sleeping{animation:sleep-breathe 3s ease-in-out infinite}.exact-chat-btn.sleeping .eye-container{transform:translateY(4px);transition:transform 1s ease}.exact-chat-btn.sleeping .pill{height:3px;animation:none;background-color:#ffffffb3;box-shadow:none}.zzz-container{position:absolute;top:-16px;right:8px;pointer-events:none}.zzz-mark{position:absolute;color:#13b39d;font-weight:700;font-size:11px;opacity:0;animation:zzz-float 2.5s linear forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bouncy-idle{0%,to{transform:translateY(0)}5%{transform:translateY(-6px)}10%{transform:translateY(0)}15%{transform:translateY(-3px)}20%{transform:translateY(0)}}@keyframes blink{0%,90%,94%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.1)}}@keyframes jump{0%{transform:translateY(0) scale(1)}20%{transform:translateY(3px) scale(1.15,.85)}50%{transform:translateY(-25px) scale(.9,1.15)}80%{transform:translateY(0) scale(1.1,.9)}to{transform:translateY(0) scale(1)}}@keyframes sleep-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(1.02,.98)}}@keyframes zzz-float{0%{transform:translate(0) scale(.5) rotate(-10deg);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translate(-20px,-35px) scale(1.5) rotate(15deg);opacity:0}}.chat-window-new{position:absolute;bottom:84px;right:0;width:360px;height:520px;max-height:75vh;background:#fff;border-radius:28px;box-shadow:0 20px 40px -10px #13b39d33,0 0 20px #0000000d;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:scale(.8) translateY(20px);transform-origin:bottom right;transition:all .4s cubic-bezier(.25,1,.5,1);z-index:1000}.chat-window-new.active{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.chat-header-new{background:linear-gradient(135deg,#2bc6eb,#13b39d);padding:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:28px 28px 0 0;box-shadow:0 4px 10px #0000000d}.chat-title-new{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}.mini-mascot-icon{width:36px;height:36px;background:#fff3;border-radius:40%;display:flex;justify-content:center;align-items:center;gap:4px}.mini-mascot-icon .mini-pill{width:5px;height:9px;background:#fff;border-radius:5px;animation:blink 4s infinite}.close-btn-new{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s,transform .2s}.close-btn-new:hover{background:#fff6;transform:rotate(90deg)}.chat-body-new{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background:#fafcff;scroll-behavior:smooth}.chat-body-new::-webkit-scrollbar{width:6px}.chat-body-new::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.message-bubble{max-width:80%;padding:12px 16px;border-radius:20px;font-size:.95rem;line-height:1.5;animation:message-pop .3s cubic-bezier(.25,1,.5,1) forwards;opacity:0;transform:translateY(10px)}@keyframes message-pop{to{opacity:1;transform:translateY(0)}}.message-bubble.bot{background:#fff;color:#334155;align-self:flex-start;border-bottom-right-radius:4px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9}.message-bubble.user{background:linear-gradient(135deg,#13b39d,#0e9683);color:#fff;align-self:flex-end;border-bottom-left-radius:4px;box-shadow:0 4px 10px #13b39d33}.typing-indicator-new{display:none;gap:4px;padding:14px 16px;background:#fff;border-radius:20px 20px 4px;align-self:flex-start;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9}.typing-indicator-new.active{display:flex;animation:message-pop .3s forwards}.typing-dot{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-footer-new{padding:15px;background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:10px;align-items:center}.chat-input-new{flex:1;border:none;background:#f1f5f9;padding:14px 20px;border-radius:24px;font-size:.95rem;color:#334155;outline:none;transition:background .3s,box-shadow .3s}.chat-input-new:focus{background:#fff;box-shadow:0 0 0 2px #2bc6eb}.send-btn-new{background:#13b39d;color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 10px #13b39d4d}.send-btn-new:hover{background:#0e9683;transform:scale(1.05)}.send-btn-new:active{transform:scale(.95)}.send-btn-new svg{width:20px;height:20px;fill:currentColor;transform:translate(-1px)}@media(max-width:640px){.chat-btn-wrapper{bottom:20px;right:20px}.exact-chat-btn{width:56px;height:56px;gap:8px}.eye-container{gap:8px}.pill{width:8px;height:14px;border-radius:8px}.exact-chat-btn:hover .pill{height:16px;width:9px}.chat-window-new{width:calc(100vw - 40px);right:0;bottom:84px;height:60vh}}.themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;perspective:1200px}.identity-card{background:#0f1115;border-radius:24px;padding:16px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:box-shadow .4s ease,border-color .4s ease,transform .5s cubic-bezier(.2,.8,.2,1);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px -10px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.identity-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:26px;background:var(--card-theme-gradient);opacity:0;z-index:-1;transition:opacity .4s ease;filter:blur(12px)}.identity-card:hover{border-color:#ffffff26}.identity-card:hover:before{opacity:.3}.identity-card.active{border-color:#ffffff4d;box-shadow:0 25px 50px -12px #0000004d}.identity-card.active:before{opacity:.8}.card-visual{width:100%;height:200px;border-radius:16px;position:relative;overflow:hidden;margin-bottom:24px;transform:translateZ(35px);background-color:var(--card-theme-surface);border:1px solid rgba(255,255,255,.05)}.visual-bg{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:var(--card-theme-gradient);opacity:.15;filter:blur(40px);animation:breathe 8s infinite alternate ease-in-out}@keyframes breathe{0%{transform:scale(1) rotate(0)}to{transform:scale(1.2) rotate(15deg)}}.skeleton-ui{position:absolute;top:15%;right:15%;bottom:15%;left:15%;background:var(--card-theme-surface, rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 25px -5px #00000080}.skel-header{display:flex;justify-content:space-between;align-items:center}.skel-logo{width:24px;height:24px;border-radius:8px;opacity:.9}.skel-nav{display:flex;gap:6px}.skel-nav-item{height:4px;border-radius:2px}.skel-hero{flex-grow:1;border-radius:8px;background:linear-gradient(135deg,rgba(150,150,150,.05),transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid rgba(150,150,150,.05)}.skel-title{width:50%;height:6px;border-radius:3px;opacity:.8}.skel-button{width:48px;height:14px;border-radius:12px;opacity:.9}.card-info{padding:0 12px 12px;transform:translateZ(25px)}.selection-indicator{width:28px;height:28px;border-radius:50%;background:#fff;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.ramadan-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000;overflow:hidden;font-family:Amiri,Segoe UI,serif}.ramadan-corner-pattern{position:absolute;top:0;width:300px;height:300px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6}.corner-left{left:0;mask-image:radial-gradient(circle at top left,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at top left,black 0%,transparent 70%)}.corner-right{right:0;mask-image:radial-gradient(circle at top right,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at top right,black 0%,transparent 70%)}.ramadan-lantern-container{position:absolute;top:-10px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.3));transition:transform .3s ease;will-change:transform}.sway-slow{animation:gentleSway 6s infinite ease-in-out alternate;transform-origin:top center}.sway-medium{animation:gentleSway 5s infinite ease-in-out alternate-reverse;transform-origin:top center}.lantern-rope{position:absolute;top:0;left:50%;width:1px;height:100px;background:linear-gradient(to bottom,#8a6e2f,#d4af37);transform:translate(-50%);z-index:-1}.ramadan-crescent{position:absolute;top:60px;right:60px;width:140px;height:140px;filter:drop-shadow(0 0 25px rgba(218,165,32,.3));animation:floatMoon 8s infinite ease-in-out;z-index:9000}.star-twinkle{position:absolute;background-color:#d4af37;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:twinkle 4s infinite ease-in-out;opacity:0}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.2;transform:scale(.8)}}.ramadan-toggle-btn{position:fixed;bottom:20px;left:20px;width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:1px solid #d4af37;color:#d4af37;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000001a;z-index:10000;transition:all .3s ease;opacity:.7}.ramadan-toggle-btn:hover{opacity:1;transform:scale(1.05);box-shadow:0 4px 12px #d4af374d}.ramadan-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid rgba(212,175,55,.3);padding:10px 24px;border-radius:4px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:12px;pointer-events:auto;z-index:10000;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ramadan-toast-text{color:#1e293b;font-family:Amiri,serif;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.ramadan-toast-icon{color:#d4af37}.ramadan-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;margin-left:8px;transition:color .2s;display:flex;align-items:center}.ramadan-toast-close:hover{color:#ef4444}@keyframes gentleSway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes floatMoon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-color-scheme:dark){.ramadan-toast{background:#1e293bf2;border-color:#d4af3733}.ramadan-toast-text{color:#e2e8f0}}.news-ticker-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:1500;direction:rtl;animation:ticker-slide-up .5s cubic-bezier(.22,1,.36,1) both}@keyframes ticker-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.news-ticker-bar{display:flex;align-items:stretch;height:42px;background:linear-gradient(90deg,#0d1117,#161b22 60%,#0d1117);border-top:2px solid #2563eb;box-shadow:0 -4px 24px #2563eb40,0 -1px #ffffff0f;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}.news-ticker-label{flex-shrink:0;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;position:relative;z-index:2;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);padding:0 18px 0 26px}.news-ticker-label-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:ticker-dot-pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes ticker-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.news-ticker-track{flex:1;overflow:hidden;position:relative;display:flex;align-items:center}.news-ticker-track:before,.news-ticker-track:after{content:"";position:absolute;top:0;bottom:0;width:50px;z-index:1;pointer-events:none}.news-ticker-track:before{right:0;background:linear-gradient(to left,#0d1117 0%,transparent 100%)}.news-ticker-track:after{left:0;background:linear-gradient(to right,#0d1117 0%,transparent 100%)}.news-ticker-content{display:flex;align-items:center;white-space:nowrap;gap:0;animation:ticker-scroll var(--ticker-duration, 35s) linear infinite;will-change:transform}.news-ticker-content.paused{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(-100%)}to{transform:translate(100%)}}.news-ticker-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;color:#e2e8f0;font-size:13.5px;font-weight:400;line-height:1;cursor:default}.news-ticker-item:hover{color:#fff}.news-ticker-item:after{content:"◆";color:#2563eb;font-size:8px;opacity:.8;margin-right:16px}.news-ticker-counter{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 12px;color:#64748b;font-size:11px;font-weight:500;border-right:1px solid rgba(255,255,255,.08)}.news-ticker-controls{flex-shrink:0;display:flex;align-items:center;gap:0;border-right:1px solid rgba(255,255,255,.08)}.news-ticker-btn{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:100%;color:#94a3b8;transition:color .2s,background .2s}.news-ticker-btn:hover{color:#fff;background:#ffffff0f}.news-ticker-btn:active{background:#ffffff1a}.news-ticker-speed-btn{font-size:10px;font-weight:700;letter-spacing:.5px;color:#64748b;padding:0 10px;border-right:1px solid rgba(255,255,255,.08)}.news-ticker-speed-btn:hover{color:#94a3b8}.news-ticker-reopen-btn{position:fixed;bottom:12px;left:16px;z-index:1499;display:flex;align-items:center;gap:6px;padding:7px 14px;background:linear-gradient(135deg,#1e3a5f,#1d4ed8);color:#cbd5e1;border:1px solid rgba(37,99,235,.5);border-radius:20px;font-size:11.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .25s ease;animation:ticker-slide-up .4s cubic-bezier(.22,1,.36,1) both;direction:rtl}.news-ticker-reopen-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 6px 20px #2563eb80;transform:translateY(-2px)}.news-ticker-reopen-btn:active{transform:translateY(0)}@media(max-width:640px){.news-ticker-bar{height:36px}.news-ticker-label{font-size:10px;padding:0 12px 0 20px}.news-ticker-item{font-size:12px;padding:0 18px}.news-ticker-counter,.news-ticker-speed-btn{display:none}}.design-urgent .news-ticker-bar{background:linear-gradient(90deg,#7f1d1d,#dc2626,#7f1d1d);border-top:3px solid #ef4444;box-shadow:0 -4px 20px #ef444466,0 -1px #ffffff1a}.design-urgent .news-ticker-label{background:#991b1b;color:#fff;border-left:2px solid #ef4444;box-shadow:4px 0 15px #0000004d;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0 24px}.design-urgent .news-ticker-label-dot{background:#fff;box-shadow:0 0 8px #fff,0 0 12px #fca5a5;animation:urgent-pulse 1s infinite alternate}.design-urgent .news-ticker-item{font-weight:700;color:#fef2f2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.design-urgent .news-ticker-item:after{color:#fca5a5;text-shadow:none;font-size:10px}.design-urgent .news-ticker-btn{color:#fca5a5}.design-urgent .news-ticker-btn:hover{color:#fff;background:#ffffff1a}@keyframes urgent-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(1.3)}}.design-success .news-ticker-bar{background:linear-gradient(90deg,#022c22,#064e3b 60%,#022c22);border-top:2px solid #10b981;box-shadow:0 -4px 24px #10b98140,0 -1px #ffffff0f}.design-success .news-ticker-label{background:linear-gradient(135deg,#10b981,#059669)}.design-dark .news-ticker-bar{background:linear-gradient(90deg,#000,#171717 60%,#000);border-top:2px solid #525252;box-shadow:0 -4px 24px #00000080,0 -1px #ffffff0f}.design-dark .news-ticker-label{background:linear-gradient(135deg,#525252,#404040)}.design-ramadan .news-ticker-bar{background:linear-gradient(90deg,#064e3b,#022c22 60%,#064e3b);border-top:2px solid #fbbf24;box-shadow:0 -4px 24px #fbbf2440,0 -1px #ffffff0f}.design-ramadan .news-ticker-label{background:linear-gradient(135deg,#f59e0b,#d97706);color:#022c22}.design-ramadan .news-ticker-label-dot{background:#022c22;box-shadow:0 0 6px #022c22}
