@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.db-stack{animation:db-stack 11s ease-in-out infinite both;will-change:transform,opacity}@keyframes db-stack{0%{opacity:0;transform:translate(var(--fx),var(--fy))}4%{opacity:1}10%{transform:translate(var(--fx),var(--fy)) rotate(0) scale(1)}12%{transform:translate(var(--fx),calc(var(--fy) - 8px)) rotate(-3deg) scale(1.04);animation-timing-function:cubic-bezier(.45,0,.2,1)}30%{transform:translate(var(--dx),var(--dy)) rotate(2deg) scale(1.04)}32%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(0) scale(1)}33%,to{opacity:0;transform:translate(var(--dx),var(--dy))}}.db-cursor{animation:db-cursor 11s ease-in-out infinite both;will-change:transform,opacity;z-index:3}@keyframes db-cursor{0%{opacity:0;transform:translate(calc(var(--fx) + 120px),calc(var(--fy) + 90px))}8%{opacity:1;transform:translate(var(--fx),var(--fy)) scale(1)}10%{transform:translate(var(--fx),var(--fy)) scale(.86)}12%{transform:translate(var(--fx),calc(var(--fy) - 8px)) scale(.86);animation-timing-function:cubic-bezier(.45,0,.2,1)}30%{transform:translate(var(--dx),var(--dy)) scale(.86)}32%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1)}36%,to{opacity:0;transform:translate(calc(var(--dx) + 90px),calc(var(--dy) + 70px)) scale(1)}}.db-fly{animation:db-fly 11s cubic-bezier(.2,.7,.2,1) infinite both;animation-delay:calc(var(--i) * 40ms);will-change:transform,opacity;z-index:2}@keyframes db-fly{0%,31%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--sr))}32%{opacity:1;transform:translate(var(--sx),var(--sy)) rotate(var(--sr))}42%{transform:translate(var(--tx),var(--ty)) rotate(0)}90%{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(0)}95%,to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(0)}}.db-slot-name{animation:db-slot-name 11s linear infinite both}@keyframes db-slot-name{0%,44%{opacity:0}48%,90%{opacity:1}94%,to{opacity:0}}.db-status>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;animation:11s linear infinite both}.db-status>span:nth-child(1){animation-name:db-status-a}.db-status>span:nth-child(2){animation-name:db-status-b}.db-status>span:nth-child(3){animation-name:db-status-c}.db-status>span:nth-child(4){animation-name:db-status-d}@keyframes db-status-a{0%,29%{opacity:1}32%,to{opacity:0}}@keyframes db-status-b{0%,30%{opacity:0}33%,43%{opacity:1}46%,to{opacity:0}}@keyframes db-status-c{0%,44%{opacity:0}47%,62%{opacity:1}65%,to{opacity:0}}@keyframes db-status-d{0%,64%{opacity:0}67%,90%{opacity:1}95%,to{opacity:0}}.db-lock-badge{animation:db-lock-badge 11s cubic-bezier(.2,.9,.3,1.3) infinite both;will-change:transform,opacity}@keyframes db-lock-badge{0%,65%{opacity:0;transform:scale(.4)}69%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(1)}}.db-status-dot{animation:db-pulse 1.2s ease-in-out infinite}@keyframes db-pulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.db-stack,.db-cursor,.db-fly,.db-slot-name,.db-status>span,.db-status-dot,.db-lock-badge{animation:none!important}.db-lock-badge{opacity:1;transform:none}.db-stack,.db-cursor{opacity:0}.db-fly{opacity:1;transform:translate(var(--tx),var(--ty))}.db-slot-name{opacity:1}.db-status>span{opacity:0}.db-status>span:nth-child(4){opacity:1}}.db-pm-cursor{animation:db-pm-cursor 10s ease-in-out infinite both;will-change:transform,opacity;z-index:5}@keyframes db-pm-cursor{0%{opacity:0;transform:translate(calc((var(--c1x) + 80px) * var(--dir)),calc(var(--c1y) + 60px))}6%{opacity:1;transform:translate(calc(var(--c1x) * var(--dir)),var(--c1y)) scale(1)}8%{transform:translate(calc(var(--c1x) * var(--dir)),var(--c1y)) scale(.86)}10%,12%{transform:translate(calc(var(--c1x) * var(--dir)),var(--c1y)) scale(1)}22%{transform:translate(calc(var(--c2x) * var(--dir)),var(--c2y)) scale(1)}24%{transform:translate(calc(var(--c2x) * var(--dir)),var(--c2y)) scale(.86)}26%,30%{transform:translate(calc(var(--c2x) * var(--dir)),var(--c2y)) scale(1)}46%{transform:translate(calc(var(--c3x) * var(--dir)),var(--c3y)) scale(1)}48%{transform:translate(calc(var(--c3x) * var(--dir)),var(--c3y)) scale(.86)}50%,58%{transform:translate(calc(var(--c3x) * var(--dir)),var(--c3y)) scale(1)}66%{transform:translate(calc(var(--c4x) * var(--dir)),var(--c4y)) scale(1)}68%{transform:translate(calc(var(--c4x) * var(--dir)),var(--c4y)) scale(.86)}70%,74%{opacity:1;transform:translate(calc(var(--c4x) * var(--dir)),var(--c4y)) scale(1)}82%,to{opacity:0;transform:translate(calc((var(--c4x) + 80px) * var(--dir)),calc(var(--c4y) + 60px)) scale(1)}}.db-pm-export{animation:db-pm-export 10s linear infinite both}@keyframes db-pm-export{0%,69%{transform:scale(1)}70%{transform:scale(.97)}72%,to{transform:scale(1)}}.db-pm-export>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;animation:10s linear infinite both}.db-pm-export>span:nth-child(1){animation-name:db-pm-export-a}.db-pm-export>span:nth-child(2){animation-name:db-pm-export-b}.db-pm-export>span:nth-child(3){animation-name:db-pm-export-c}@keyframes db-pm-export-a{0%,70%{opacity:1}72%,95%{opacity:0}98%,to{opacity:1}}@keyframes db-pm-export-b{0%,70%{opacity:0}72%,75%{opacity:1}77%,to{opacity:0}}@keyframes db-pm-export-c{0%,75%{opacity:0}77%,93%{opacity:1}96%,to{opacity:0}}.db-pm-ghost{animation:db-pm-ghost 10s cubic-bezier(.4,0,.2,1) infinite both}@keyframes db-pm-ghost{0%,70%{opacity:0;transform:translate(calc(var(--gx) * var(--dir)),var(--gy)) scale(1)}71%{opacity:1;transform:translate(calc(var(--gx) * var(--dir)),var(--gy)) scale(1)}76%{opacity:.9;transform:translate(calc(var(--ex) * var(--dir)),var(--ey)) scale(.2)}77%,to{opacity:0;transform:translate(calc(var(--ex) * var(--dir)),var(--ey)) scale(.2)}}.db-pm-check-1,.db-pm-row-1{animation:db-pm-on-1 10s linear infinite both}.db-pm-check-2,.db-pm-row-2{animation:db-pm-on-2 10s linear infinite both}@keyframes db-pm-on-1{0%,9%{opacity:0}10%,92%{opacity:1}96%,to{opacity:0}}@keyframes db-pm-on-2{0%,25%{opacity:0}26%,92%{opacity:1}96%,to{opacity:0}}.db-pm-tag-1{animation:db-pm-pop-1 10s cubic-bezier(.2,.9,.3,1.4) infinite both}.db-pm-tag-2{animation:db-pm-pop-2 10s cubic-bezier(.2,.9,.3,1.4) infinite both}@keyframes db-pm-pop-1{0%,9%{opacity:0;transform:scale(.5)}12%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}@keyframes db-pm-pop-2{0%,25%{opacity:0;transform:scale(.5)}28%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}.db-pm-frame{animation:db-pm-frame 10s linear infinite both}@keyframes db-pm-frame{0%,29%{background-color:var(--db-surface, #fafafa);border-style:dashed}32%,93%{background-color:var(--db-ink, #0a0a0a);border-color:var(--db-ink, #0a0a0a);border-style:solid}96%,to{background-color:var(--db-surface, #fafafa);border-style:dashed}}.db-pm-panel-1{animation:db-pm-panel-1 10s cubic-bezier(.2,.7,.2,1) infinite both}.db-pm-panel-2{animation:db-pm-panel-2 10s cubic-bezier(.2,.7,.2,1) infinite both}@keyframes db-pm-panel-1{0%,30%{opacity:0;inset-inline-start:6px;top:6px;width:calc(50% - 9px);height:calc(100% - 12px);transform:translate(calc(-16px * var(--dir, 1)))}35%{opacity:1;inset-inline-start:6px;top:6px;width:calc(50% - 9px);height:calc(100% - 12px);transform:none}52%{inset-inline-start:6px;top:6px;width:calc(50% - 9px);height:calc(100% - 12px)}58%,93%{opacity:1;inset-inline-start:6px;top:6px;width:calc(100% - 12px);height:calc(50% - 9px)}96%,to{opacity:0;inset-inline-start:6px;top:6px;width:calc(100% - 12px);height:calc(50% - 9px)}}@keyframes db-pm-panel-2{0%,33%{opacity:0;inset-inline-start:calc(50% + 3px);top:6px;width:calc(50% - 9px);height:calc(100% - 12px);transform:translate(calc(16px * var(--dir, 1)))}38%{opacity:1;inset-inline-start:calc(50% + 3px);top:6px;width:calc(50% - 9px);height:calc(100% - 12px);transform:none}52%{inset-inline-start:calc(50% + 3px);top:6px;width:calc(50% - 9px);height:calc(100% - 12px)}58%,93%{opacity:1;inset-inline-start:6px;top:calc(50% + 3px);width:calc(100% - 12px);height:calc(50% - 9px)}96%,to{opacity:0;inset-inline-start:6px;top:calc(50% + 3px);width:calc(100% - 12px);height:calc(50% - 9px)}}.db-pm-name{animation:db-pm-name 10s linear infinite both}@keyframes db-pm-name{0%,39%{opacity:0}42%,92%{opacity:1}96%,to{opacity:0}}.db-pm-chip-sbs{animation:db-pm-chip-sbs 10s linear infinite both}.db-pm-chip-stacked{animation:db-pm-chip-stacked 10s linear infinite both}@keyframes db-pm-chip-sbs{0%,50%{background-color:var(--db-ink, #0a0a0a);border-color:var(--db-ink, #0a0a0a);color:var(--db-paper, #fff)}52%,95%{background-color:transparent;border-color:var(--db-line, #e5e5e5);color:var(--db-muted, #666)}98%,to{background-color:var(--db-ink, #0a0a0a);border-color:var(--db-ink, #0a0a0a);color:var(--db-paper, #fff)}}@keyframes db-pm-chip-stacked{0%,50%{background-color:transparent;border-color:var(--db-line, #e5e5e5);color:var(--db-muted, #666)}52%,95%{background-color:var(--db-ink, #0a0a0a);border-color:var(--db-ink, #0a0a0a);color:var(--db-paper, #fff)}98%,to{background-color:transparent;border-color:var(--db-line, #e5e5e5);color:var(--db-muted, #666)}}@media(prefers-reduced-motion:reduce){.db-pm-cursor,.db-pm-check-1,.db-pm-check-2,.db-pm-row-1,.db-pm-row-2,.db-pm-tag-1,.db-pm-tag-2,.db-pm-frame,.db-pm-panel-1,.db-pm-panel-2,.db-pm-name,.db-pm-chip-sbs,.db-pm-chip-stacked,.db-pm-export,.db-pm-export>span,.db-pm-ghost{animation:none!important}.db-pm-cursor,.db-pm-ghost,.db-pm-export>span{opacity:0}.db-pm-export>span:nth-child(1){opacity:1}.db-pm-check-1,.db-pm-check-2,.db-pm-row-1,.db-pm-row-2,.db-pm-tag-1,.db-pm-tag-2,.db-pm-name{opacity:1}.db-pm-frame{background-color:var(--db-ink, #0a0a0a);border-color:var(--db-ink, #0a0a0a);border-style:solid}.db-pm-panel-1{inset-inline-start:6px;top:6px;width:calc(50% - 9px);height:calc(100% - 12px)}.db-pm-panel-2{inset-inline-start:calc(50% + 3px);top:6px;width:calc(50% - 9px);height:calc(100% - 12px)}.db-pm-chip-sbs{background-color:var(--db-ink, #0a0a0a);border-color:var(--db-ink, #0a0a0a);color:var(--db-paper, #fff)}}.db-cm-cursor{animation:db-cm-cursor 12s ease-in-out infinite both;will-change:transform,opacity;z-index:5}@keyframes db-cm-cursor{0%{opacity:0;transform:translate(calc(var(--c1x) + 60px),calc(var(--c1y) + 70px))}8%{opacity:1;transform:translate(var(--c1x),var(--c1y)) scale(1)}10%{transform:translate(var(--c1x),var(--c1y)) scale(.86)}12%,24%{transform:translate(var(--c1x),var(--c1y)) scale(1)}32%{transform:translate(var(--c2x),var(--c2y)) scale(1)}34%{transform:translate(var(--c2x),var(--c2y)) scale(.86)}36%,52%{transform:translate(var(--c2x),var(--c2y)) scale(1)}60%{transform:translate(var(--c3x),var(--c3y)) scale(1)}62%{transform:translate(var(--c3x),var(--c3y)) scale(.86)}64%,72%{opacity:1;transform:translate(var(--c3x),var(--c3y)) scale(1)}80%,to{opacity:0;transform:translate(calc(var(--c3x) + 60px),calc(var(--c3y) + 70px)) scale(1)}}.db-cm-pat-hl{animation:db-cm-pat-hl 12s cubic-bezier(.2,.8,.2,1) infinite both;will-change:transform}@keyframes db-cm-pat-hl{0%,12%{transform:none}15%,63%{transform:translateY(var(--row))}67%,to{transform:none}}.db-cm-visits-a{animation:db-cm-state-a 12s linear infinite both}.db-cm-visits-b{animation:db-cm-state-b 12s linear infinite both}@keyframes db-cm-state-a{0%,12%{opacity:1}13%,63%{opacity:0}64%,to{opacity:1}}@keyframes db-cm-state-b{0%,12%{opacity:0}13%,63%{opacity:1}64%,to{opacity:0}}.db-cm-on-a{animation:db-cm-on 12s linear infinite both}.db-cm-on-b1{animation:db-cm-on-b1 12s linear infinite both}.db-cm-on-b2{animation:db-cm-on-b2 12s linear infinite both}@keyframes db-cm-on{0%,to{opacity:1}}@keyframes db-cm-on-b1{0%,35%{opacity:1}36%,to{opacity:0}}@keyframes db-cm-on-b2{0%,35%{opacity:0}36%,to{opacity:1}}.db-cm-tile{animation:12s cubic-bezier(.2,.8,.2,1) infinite both;animation-delay:calc(var(--i) * 45ms);will-change:transform,opacity}.db-cm-tile-a{animation-name:db-cm-tile-a}.db-cm-tile-b{animation-name:db-cm-tile-b}.db-cm-tile-c{animation-name:db-cm-tile-c}@keyframes db-cm-tile-a{0%,13.5%{opacity:1;transform:none}15%,63.5%{opacity:0;transform:scale(.97)}64%{opacity:0;transform:translateY(10px) scale(.94)}68%,to{opacity:1;transform:none}}@keyframes db-cm-tile-b{0%,13%{opacity:0;transform:translateY(10px) scale(.94)}17%,37.5%{opacity:1;transform:none}39%,to{opacity:0;transform:scale(.97)}}@keyframes db-cm-tile-c{0%,37%{opacity:0;transform:translateY(10px) scale(.94)}41%,65.5%{opacity:1;transform:none}67%,to{opacity:0;transform:scale(.97)}}.db-cm-showing>span{position:absolute;top:0;right:0;bottom:0;left:0;white-space:nowrap;animation:12s linear infinite both}.db-cm-showing>span:nth-child(1){animation-name:db-cm-state-a}.db-cm-showing>span:nth-child(2){animation-name:db-cm-show-2}.db-cm-showing>span:nth-child(3){animation-name:db-cm-show-3}@keyframes db-cm-show-2{0%,12%{opacity:0}13%,35%{opacity:1}36%,to{opacity:0}}@keyframes db-cm-show-3{0%,35%{opacity:0}36%,63%{opacity:1}64%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.db-cm-cursor,.db-cm-pat-hl,.db-cm-visits-a,.db-cm-visits-b,.db-cm-on-a,.db-cm-on-b1,.db-cm-on-b2,.db-cm-tile,.db-cm-showing>span{animation:none!important}.db-cm-cursor,.db-cm-visits-b,.db-cm-tile-b,.db-cm-tile-c,.db-cm-showing>span{opacity:0}.db-cm-pat-hl{transform:none}.db-cm-visits-a,.db-cm-on-a,.db-cm-tile-a,.db-cm-showing>span:nth-child(1){opacity:1}}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Light-CJr0hKJk.ttf) format("truetype");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Medium-xUoGaSp_.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Bold-N9U1XsUl.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Cairo;src:url(/assets/Cairo-Light-DxFCCanY.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/Cairo-Medium-DjGUrb7X.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/Cairo-Bold-CHGwXCg0.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/assets/Almarai-Light-xMh-nmGL.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/assets/Almarai-Regular-O2ZqQ52K.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/assets/Almarai-Bold-BS6OGFGV.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/assets/Amiri-Regular-BZc2J_Gd.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/assets/Amiri-Regular-BZc2J_Gd.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/assets/Amiri-Bold-DN6ioiIu.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/assets/NotoKufiArabic-Light-CPaHal-v.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/assets/NotoKufiArabic-Medium-Ldo5_PoR.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/assets/NotoKufiArabic-Bold-DNqHW6qv.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Reem Kufi;src:url(/assets/ReemKufi-Regular-Bzt-OCSc.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Reem Kufi;src:url(/assets/ReemKufi-Medium-DeQwAX5f.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Reem Kufi;src:url(/assets/ReemKufi-Bold-BSBnKRXX.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: #667eea;--primary-dark: #5a6fd8;--secondary-color: #00acc1;--secondary-dark: #00838f;--success-color: #4facfe;--warning-color: #fa709a;--error-color: #ff6b6b;--shadow-light: 0px 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0px 8px 30px rgba(0, 0, 0, .12);--shadow-heavy: 0px 12px 40px rgba(0, 0, 0, .15);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-standard: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .3s ease,color .3s ease}@media(max-width:600px){:root{font-size:14px}}[dir=rtl]{text-align:right}[dir=rtl] .flex,[dir=rtl] .justify-between{flex-direction:row-reverse}[dir=rtl] .grid{direction:rtl}[dir=rtl] body{font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in{animation:fadeIn .6s var(--transition-standard) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--transition-standard) forwards}.animate-fade-in-down{animation:fadeInDown .6s var(--transition-standard) forwards}.animate-fade-in-left{animation:fadeInLeft .6s var(--transition-standard) forwards}.animate-fade-in-right{animation:fadeInRight .6s var(--transition-standard) forwards}.animate-slide-in-up{animation:slideInUp .6s var(--transition-standard) forwards}.animate-slide-in-down{animation:slideInDown .6s var(--transition-standard) forwards}.animate-slide-in-left{animation:slideInLeft .6s var(--transition-standard) forwards}.animate-slide-in-right{animation:slideInRight .6s var(--transition-standard) forwards}.animate-scale-in{animation:scaleIn .4s var(--transition-standard) forwards}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.hover-lift{transition:transform var(--transition-standard),box-shadow var(--transition-standard)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-standard)}.hover-glow:hover{box-shadow:0 0 20px #667eea66}.hover-rotate{transition:transform var(--transition-standard)}.hover-rotate:hover{transform:rotate(5deg)}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.modern-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-light);transition:all var(--transition-standard);overflow:hidden;position:relative}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-standard)}.modern-card:hover:before{transform:scaleX(1)}.modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.bg-primary{background:var(--primary-color)}.bg-secondary{background:var(--secondary-color)}.bg-success{background:var(--success-color)}.bg-warning{background:var(--warning-color)}.bg-error{background:var(--error-color)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-dark{background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}@media(max-width:1200px){.container-responsive{max-width:960px}.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-6{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.container-responsive{max-width:720px}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){:root{font-size:14px}.container-responsive{max-width:100%;padding:0 var(--spacing-sm)}.grid{gap:var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6{grid-template-columns:repeat(2,1fr)}.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right{animation-duration:.4s}.hover-lift:hover{transform:translateY(-2px)}.modern-card{border-radius:var(--border-radius-md)}.mobile-nav-item{padding:var(--spacing-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.mobile-nav-item:hover{background:#667eea1a;transform:translate(4px)}}@media(max-width:576px){.container-responsive{max-width:100%;padding:0 var(--spacing-xs)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6{grid-template-columns:1fr}.modern-card{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.p-md{padding:var(--spacing-sm)}.p-lg{padding:var(--spacing-md)}.m-md{margin:var(--spacing-sm)}.m-lg{margin:var(--spacing-md)}}@media(prefers-contrast:high){.modern-card{border:2px solid}.glass,.glass-dark{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffe6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-pulse,.animate-bounce,.animate-spin{animation:none}}@media(prefers-color-scheme:dark){.modern-card{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1)}.loading-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200px 100%}}@media print{.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-slide-in-up,.animate-slide-in-down,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in{animation:none;opacity:1;transform:none}.modern-card{box-shadow:none;border:1px solid #ccc}}::selection{background:#80808059;color:inherit}::-moz-selection{background:#80808059;color:inherit}