*:focus-visible{outline:2px solid var(--color-flamingo);outline-offset:2px;border-radius:var(--radius-sm)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width var(--timing-base) ease,height var(--timing-base) ease}.btn-ripple:active:after{width:300px;height:300px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card-float{animation:float 6s ease-in-out infinite}.card-float:nth-child(2){animation-delay:-2s}.card-float:nth-child(3){animation-delay:-4s}.progress-animated{position:relative;overflow:hidden}.progress-animated:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.icon-bounce:hover{animation:bounce var(--timing-base) ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--timing-slow) var(--ease-out),transform var(--timing-slow) var(--ease-out)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--timing-base) var(--ease-in),transform var(--timing-base) var(--ease-in)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.interactive-scale:hover{transform:scale(1.02);transition:transform var(--timing-base) var(--ease-out)}.interactive-scale:active{transform:scale(.98)}.glass{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--color-charcoal);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--timing-base) var(--ease-out);z-index:1000}.tooltip:after{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-charcoal);opacity:0;pointer-events:none;transition:opacity var(--timing-base) var(--ease-out);z-index:1000}.tooltip:hover:before,.tooltip:hover:after{opacity:1}.pulse-notification{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #ff426e66}70%{box-shadow:0 0 0 10px #ff426e00}to{box-shadow:0 0 #ff426e00}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-flamingo) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-flamingo);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-flamingo-dark)}.stagger-item{opacity:0;transform:translateY(20px);animation:stagger-in var(--timing-slow) var(--ease-out) forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.2s}.stagger-item:nth-child(4){animation-delay:.3s}.stagger-item:nth-child(5){animation-delay:.4s}.stagger-item:nth-child(6){animation-delay:.5s}.stagger-item:nth-child(7){animation-delay:.6s}.stagger-item:nth-child(8){animation-delay:.7s}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.form-control-modern{background:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);font-size:var(--text-base);transition:all var(--timing-base) var(--ease-out)}.form-control-modern:focus{border-color:var(--color-flamingo);box-shadow:0 0 0 3px #ff426e1a;outline:none}.form-control-modern:hover:not(:focus){border-color:var(--border-secondary)}.success-checkmark{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-checkmark 1s var(--ease-out) forwards}@keyframes draw-checkmark{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-primary: var(--color-charcoal);--border-secondary: var(--color-gunmetal)}.enhanced-course-card,.stat-card,.welcome-section{border:2px solid var(--border-primary)}}@media print{.dashboard-layout,.enhanced-course-grid,.stats-grid{display:block!important;grid-template-columns:none!important}.enhanced-course-card,.stat-card{break-inside:avoid;margin-bottom:var(--space-4)}.welcome-section:before,.enhanced-course-card:before,.stat-card:before{display:none}}@media (prefers-color-scheme: dark){:root:not(.light){--hover-overlay: rgba(255, 66, 110, .15);--active-overlay: rgba(255, 66, 110, .2)}}@tailwind base;@tailwind components;@tailwind utilities;:root{--color-black: #000000;--color-charcoal: #2c2c2c;--color-gunmetal: #3f3f3f;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-flamingo: #ff426e;--color-flamingo-light: #ff5a7d;--color-flamingo-dark: #e6395f;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-surface: #ffffff;--text-primary: var(--color-black);--text-secondary: var(--color-charcoal);--text-tertiary: var(--color-gunmetal);--text-muted: var(--color-gray-500);--text-subtle: var(--color-gray-400);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-300);--border-accent: var(--color-flamingo);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--hover-overlay: rgba(255, 66, 110, .08);--active-overlay: rgba(255, 66, 110, .12);--focus-ring: 0 0 0 3px rgba(255, 66, 110, .2);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--timing-fast: .15s;--timing-base: .2s;--timing-slow: .3s;--timing-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55)}:root.dark{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--bg-surface: var(--color-gray-800);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-200);--text-tertiary: var(--color-gray-300);--text-muted: var(--color-gray-400);--text-subtle: var(--color-gray-500);--border-primary: var(--color-gray-700);--border-secondary: var(--color-gray-600);--hover-overlay: rgba(255, 66, 110, .12);--active-overlay: rgba(255, 66, 110, .16)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb{background:#4b5563}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}:root{--spinner-primary: #3b82f6;--spinner-secondary: #6b7280;--spinner-text: #374151;--spinner-bg: rgba(255, 255, 255, .9);--spinner-skeleton-gradient-1: rgba(0, 0, 0, .05);--spinner-skeleton-gradient-2: rgba(0, 0, 0, .1);--spinner-skeleton-base: rgba(0, 0, 0, .1)}[data-theme=dark]{--spinner-primary: #60a5fa;--spinner-secondary: #9ca3af;--spinner-text: #e5e7eb;--spinner-bg: rgba(17, 24, 39, .9);--spinner-skeleton-gradient-1: rgba(255, 255, 255, .05);--spinner-skeleton-gradient-2: rgba(255, 255, 255, .1);--spinner-skeleton-base: rgba(255, 255, 255, .1)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:all .3s ease}.loading-spinner__circle{position:relative;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner__inner{width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:currentColor;border-right-color:currentColor;animation:pulse 2s ease-in-out infinite alternate}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px}.loading-spinner--small .loading-spinner__inner{border-width:2px}.loading-spinner--medium .loading-spinner__circle{width:40px;height:40px}.loading-spinner--large .loading-spinner__circle{width:60px;height:60px}.loading-spinner--large .loading-spinner__inner{border-width:4px}.loading-spinner--primary{color:var(--spinner-primary)}.loading-spinner--secondary{color:var(--spinner-secondary)}.loading-spinner--white{color:#fff}.loading-spinner--theme{color:var(--spinner-primary)}.loading-spinner__text{margin:0;font-size:.875rem;color:var(--spinner-text);text-align:center;opacity:.9;transition:color .3s ease}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.loading-skeleton{background:linear-gradient(90deg,var(--spinner-skeleton-gradient-1) 25%,var(--spinner-skeleton-gradient-2) 50%,var(--spinner-skeleton-gradient-1) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;transition:background .3s ease}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-container{background:var(--spinner-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:2rem;transition:background .3s ease}@media (prefers-reduced-motion: reduce){.loading-spinner__circle,.loading-spinner__inner,.loading-skeleton{animation:none}.loading-spinner__inner{opacity:.6}.loading-skeleton{background:var(--spinner-skeleton-base)}}.immersive-loader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:#0a0a0a;overflow:hidden}.immersive-loader__background{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(30,144,255,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,0,128,.05) 0%,transparent 70%);animation:backgroundFloat 15s ease-in-out infinite}@keyframes backgroundFloat{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.95)}}.immersive-loader__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem}.immersive-loader__cube-container{width:120px;height:120px;perspective:800px}.immersive-loader__cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 4s infinite linear}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.cube-face{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8a2be2e6,#1e90ffe6);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cube-face--front{transform:translateZ(60px)}.cube-face--back{transform:rotateY(180deg) translateZ(60px)}.cube-face--left{transform:rotateY(-90deg) translateZ(60px)}.cube-face--right{transform:rotateY(90deg) translateZ(60px)}.cube-face--top{transform:rotateX(90deg) translateZ(60px)}.cube-face--bottom{transform:rotateX(-90deg) translateZ(60px)}.immersive-loader__text{text-align:center;color:#fff;max-width:400px}.immersive-loader__title{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;background:linear-gradient(90deg,#8a2be2,#1e90ff,#ff0080);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.immersive-loader__stage{font-size:.95rem;color:#fff9;margin:0;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.immersive-loader__progress{width:300px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.immersive-loader__progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.immersive-loader__progress-fill{height:100%;background:linear-gradient(90deg,#8a2be2,#1e90ff);border-radius:2px;transition:width .3s ease;position:relative;overflow:hidden}.immersive-loader__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.immersive-loader__progress-text{font-size:.875rem;color:#fffc;font-weight:500}.immersive-loader__particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;animation:particleFloat 6s infinite}.particle--1{top:20%;left:10%;animation-delay:0s}.particle--2{top:80%;left:20%;animation-delay:1s}.particle--3{top:10%;left:80%;animation-delay:2s}.particle--4{top:70%;left:90%;animation-delay:3s}.particle--5{top:50%;left:5%;animation-delay:4s}.particle--6{top:30%;left:70%;animation-delay:5s}@keyframes particleFloat{0%{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:1;transform:translate(0) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(0)}}@media (max-width: 768px){.immersive-loader__cube-container{width:80px;height:80px}.cube-face{width:80px;height:80px;font-size:1.2rem}.cube-face--front,.cube-face--back{transform:translateZ(40px)}.cube-face--back{transform:rotateY(180deg) translateZ(40px)}.cube-face--left{transform:rotateY(-90deg) translateZ(40px)}.cube-face--right{transform:rotateY(90deg) translateZ(40px)}.cube-face--top{transform:rotateX(90deg) translateZ(40px)}.cube-face--bottom{transform:rotateX(-90deg) translateZ(40px)}.immersive-loader__title{font-size:1.25rem}.immersive-loader__progress{width:250px}}@media (prefers-reduced-motion: reduce){.immersive-loader__background,.immersive-loader__cube,.particle,.immersive-loader__stage,.immersive-loader__progress-fill:after{animation:none}.immersive-loader__title{animation:none;filter:none}.cube-face{opacity:.8}}[data-theme=dark] .immersive-loader{background:#0a0a0a}[data-theme=light] .immersive-loader{background:#f0f0f0}[data-theme=light] .immersive-loader__title{color:#333}[data-theme=light] .immersive-loader__stage{color:#666}[data-theme=light] .cube-face{background:linear-gradient(135deg,#8a2be2b3,#1e90ffb3)}:root{--error-bg: rgba(255, 255, 255, .95);--error-text-primary: #1f2937;--error-text-secondary: #6b7280;--error-border: #e5e7eb;--error-color-red: #dc2626;--error-bg-red-1: rgba(254, 242, 242, .95);--error-bg-red-2: rgba(252, 232, 232, .95);--error-border-red: rgba(239, 68, 68, .3);--error-color-warning: #d97706;--error-bg-warning-1: rgba(255, 251, 235, .95);--error-bg-warning-2: rgba(254, 243, 199, .95);--error-border-warning: rgba(251, 191, 36, .3);--error-color-info: #2563eb;--error-bg-info-1: rgba(239, 246, 255, .95);--error-bg-info-2: rgba(219, 234, 254, .95);--error-border-info: rgba(59, 130, 246, .3);--error-fallback-bg-1: #f8fafc;--error-fallback-bg-2: #f1f5f9;--error-fallback-card: #ffffff;--error-fallback-details: #f8fafc;--error-fallback-details-border: #e2e8f0;--error-fallback-code-bg: #fef2f2;--error-fallback-code-border: #fecaca;--error-fallback-code-text: #dc2626;--error-shadow-sm: rgba(0, 0, 0, .1);--error-shadow-md: rgba(0, 0, 0, .2);--error-shadow-primary: rgba(59, 130, 246, .3)}[data-theme=dark]{--error-bg: rgba(31, 41, 55, .95);--error-text-primary: #f9fafb;--error-text-secondary: #9ca3af;--error-border: #4b5563;--error-color-red: #f87171;--error-bg-red-1: rgba(127, 29, 29, .3);--error-bg-red-2: rgba(153, 27, 27, .3);--error-border-red: rgba(248, 113, 113, .3);--error-color-warning: #fbbf24;--error-bg-warning-1: rgba(146, 64, 14, .3);--error-bg-warning-2: rgba(180, 83, 9, .3);--error-border-warning: rgba(251, 191, 36, .3);--error-color-info: #60a5fa;--error-bg-info-1: rgba(30, 58, 138, .3);--error-bg-info-2: rgba(37, 99, 235, .3);--error-border-info: rgba(96, 165, 250, .3);--error-fallback-bg-1: #1f2937;--error-fallback-bg-2: #111827;--error-fallback-card: #374151;--error-fallback-details: #4b5563;--error-fallback-details-border: #6b7280;--error-fallback-code-bg: rgba(127, 29, 29, .2);--error-fallback-code-border: rgba(248, 113, 113, .3);--error-fallback-code-text: #fca5a5;--error-shadow-sm: rgba(0, 0, 0, .3);--error-shadow-md: rgba(0, 0, 0, .4);--error-shadow-primary: rgba(96, 165, 250, .3)}.error-message{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;border:1px solid var(--error-border);background:var(--error-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.error-message__icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.error-message__content{flex:1;min-width:0}.error-message__title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.3}.error-message__text{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:inherit;transition:color .3s ease}.error-message__action{padding:.5rem 1rem;background:currentColor;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.error-message__action:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--error-shadow-md)}.error-message--small{padding:.75rem;gap:.75rem}.error-message--small .error-message__icon{font-size:1.25rem}.error-message--small .error-message__title{font-size:1rem}.error-message--small .error-message__text{font-size:.8125rem}.error-message--large{padding:1.5rem;gap:1.25rem}.error-message--large .error-message__icon{font-size:2rem}.error-message--large .error-message__title{font-size:1.25rem}.error-message--large .error-message__text{font-size:1rem}.error-message--error{border-color:var(--error-border-red);background:linear-gradient(135deg,var(--error-bg-red-1) 0%,var(--error-bg-red-2) 100%);color:var(--error-color-red)}.error-message--warning{border-color:var(--error-border-warning);background:linear-gradient(135deg,var(--error-bg-warning-1) 0%,var(--error-bg-warning-2) 100%);color:var(--error-color-warning)}.error-message--info{border-color:var(--error-border-info);background:linear-gradient(135deg,var(--error-bg-info-1) 0%,var(--error-bg-info-2) 100%);color:var(--error-color-info)}.error-boundary-fallback{min-height:400px;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--error-fallback-bg-1),var(--error-fallback-bg-2));transition:background .3s ease}.error-boundary-fallback__content{max-width:500px;width:100%;text-align:center;background:var(--error-fallback-card);border-radius:16px;padding:3rem 2rem;box-shadow:0 8px 32px var(--error-shadow-sm);transition:all .3s ease}.error-boundary-fallback__icon{font-size:4rem;margin-bottom:1.5rem}.error-boundary-fallback__title{font-size:1.5rem;font-weight:700;color:var(--error-text-primary);margin:0 0 1rem;transition:color .3s ease}.error-boundary-fallback__message{font-size:1rem;color:var(--error-text-secondary);line-height:1.6;margin:0 0 2rem;transition:color .3s ease}.error-boundary-fallback__details{text-align:left;margin:1.5rem 0;padding:1rem;background:var(--error-fallback-details);border-radius:8px;border:1px solid var(--error-fallback-details-border);transition:all .3s ease}.error-boundary-fallback__details summary{cursor:pointer;font-weight:500;color:var(--error-text-primary);margin-bottom:.5rem;transition:color .3s ease}.error-boundary-fallback__error{font-family:Fira Code,Courier New,monospace;font-size:.75rem;color:var(--error-fallback-code-text);white-space:pre-wrap;word-break:break-all;margin:.5rem 0 0;padding:.75rem;background:var(--error-fallback-code-bg);border-radius:4px;border:1px solid var(--error-fallback-code-border);max-height:200px;overflow-y:auto;transition:all .3s ease}.error-boundary-fallback__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn--primary{background:linear-gradient(135deg,var(--error-color-info),#6366f1);color:#fff;box-shadow:0 2px 4px var(--error-shadow-primary)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--error-shadow-primary)}.btn--secondary{background:var(--error-bg);color:var(--error-text-primary);border:1px solid var(--error-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--secondary:hover{border-color:var(--error-color-info);box-shadow:0 2px 8px var(--error-shadow-sm)}@media (max-width: 768px){.error-message{padding:.875rem;gap:.875rem}.error-boundary-fallback__content{padding:2rem 1.5rem;margin:0 1rem}.error-boundary-fallback__actions{flex-direction:column}.btn{width:100%;justify-content:center}}.error-message,.error-message__icon,.error-message__title,.error-message__text,.error-boundary-fallback,.error-boundary-fallback__content,.error-boundary-fallback__details,.error-boundary-fallback__error{transition:all .3s ease}.optimized-image{position:relative;display:block;overflow:hidden;background-color:#f3f4f6;border-radius:8px}.optimized-image__placeholder,.optimized-image__main{width:100%;height:100%;object-fit:cover;display:block}.optimized-image__placeholder{position:absolute;top:0;left:0;z-index:1;filter:blur(5px);transform:scale(1.1)}.optimized-image__main{position:relative;z-index:2;transition:opacity .3s ease-in-out}.optimized-image--loaded .optimized-image__placeholder{opacity:0;pointer-events:none}.optimized-image__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.optimized-image__spinner{width:24px;height:24px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.optimized-image--error{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);min-height:200px}.optimized-image__error{text-align:center;color:#6b7280}.optimized-image__error span{display:block;font-size:2rem;margin-bottom:.5rem}.optimized-image__error p{margin:0;font-size:.875rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.optimized-image--square{aspect-ratio:1 / 1}.optimized-image--landscape{aspect-ratio:16 / 9}.optimized-image--portrait{aspect-ratio:3 / 4}@media (max-width: 768px){.optimized-image__spinner{width:20px;height:20px}.optimized-image__error span{font-size:1.5rem}.optimized-image__error p{font-size:.8125rem}}@media (prefers-color-scheme: dark){.optimized-image{background-color:#374151}.optimized-image--error{background:linear-gradient(135deg,#374151,#4b5563)}.optimized-image__error{color:#d1d5db}}:root{--ring-shadow: rgba(0, 0, 0, .1);--ring-text: #374151;--ring-text-shadow: rgba(0, 0, 0, .5);--ring-bg-opacity: .3}[data-theme=dark]{--ring-shadow: rgba(0, 0, 0, .3);--ring-text: #e5e7eb;--ring-text-shadow: rgba(0, 0, 0, .7);--ring-bg-opacity: .2}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring__svg{transform:rotate(-90deg);filter:drop-shadow(0 2px 4px var(--ring-shadow));transition:filter .3s ease}.progress-ring__background{opacity:var(--ring-bg-opacity);transition:opacity .3s ease}.progress-ring__progress{transition:stroke-dashoffset .6s var(--timing-ease-out, cubic-bezier(.4, 0, .2, 1))}.progress-ring--animated .progress-ring__progress{animation:progress-ring-draw 1.2s var(--timing-ease-out, cubic-bezier(.4, 0, .2, 1)) forwards}.progress-ring__percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--ring-text);text-shadow:0 1px 2px var(--ring-text-shadow);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-family-body);transition:color .3s ease}@keyframes progress-ring-draw{0%{stroke-dashoffset:var(--circumference, 126);opacity:0}50%{opacity:1}to{stroke-dashoffset:var(--final-offset);opacity:1}}@media (max-width: 480px){.progress-ring__percentage{font-size:.625rem}}@media (prefers-contrast: high){.progress-ring__background{opacity:.6}.progress-ring__percentage{text-shadow:0 0 4px rgba(0,0,0,.8)}}.progress-ring,.progress-ring__svg,.progress-ring__background,.progress-ring__progress,.progress-ring__percentage{transition:all .3s ease}@media (prefers-reduced-motion: reduce){.progress-ring__progress,.progress-ring--animated .progress-ring__progress{transition:none;animation:none}}:root{--progress-bg: #e5e7eb;--progress-fill: #3b82f6;--progress-text: #374151;--progress-text-inside: #ffffff;--progress-shadow: rgba(0, 0, 0, .5);--progress-stripe: rgba(255, 255, 255, .15);--progress-border: #000000}[data-theme=dark]{--progress-bg: #374151;--progress-fill: #60a5fa;--progress-text: #e5e7eb;--progress-text-inside: #ffffff;--progress-shadow: rgba(0, 0, 0, .7);--progress-stripe: rgba(255, 255, 255, .1);--progress-border: #ffffff}.progress-bar-container{width:100%}.progress-bar{width:100%;overflow:hidden;position:relative;background-color:var(--progress-bg);border-radius:var(--radius-sm, 4px);transition:background-color .3s ease}.progress-bar--rounded{border-radius:var(--radius-full, 9999px)}.progress-bar__fill{height:100%;background-color:var(--progress-fill);transition:width .6s var(--timing-ease-out, cubic-bezier(.4, 0, .2, 1)),background-color .3s ease;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.progress-bar--animated .progress-bar__fill{animation:progress-fill 1.2s var(--timing-ease-out, cubic-bezier(.4, 0, .2, 1)) forwards}.progress-bar--striped .progress-bar__fill{background-image:linear-gradient(45deg,var(--progress-stripe) 25%,transparent 25%,transparent 50%,var(--progress-stripe) 50%,var(--progress-stripe) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-stripes 1s linear infinite}.progress-bar__label{font-size:.75rem;font-weight:600;color:var(--progress-text);-webkit-user-select:none;user-select:none;font-family:var(--font-family-body);transition:color .3s ease}.progress-bar__label--inside{color:var(--progress-text-inside);text-shadow:0 1px 2px var(--progress-shadow);white-space:nowrap;overflow:hidden;padding:0 .5rem}.progress-bar__label--outside{margin-top:.25rem;display:block;text-align:right}@keyframes progress-fill{0%{width:0%;opacity:0}50%{opacity:1}to{opacity:1}}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width: 480px){.progress-bar__label{font-size:.625rem}}@media (prefers-contrast: high){.progress-bar{border:1px solid var(--progress-border)}.progress-bar__fill{border-right:1px solid var(--progress-border)}.progress-bar__label--inside{text-shadow:0 0 4px rgba(0,0,0,.8)}}@media (prefers-reduced-motion: reduce){.progress-bar__fill,.progress-bar--animated .progress-bar__fill{transition:none;animation:none}.progress-bar--striped .progress-bar__fill{animation:none}}:root{--difficulty-text-solid: #ffffff;--difficulty-shadow-hover: rgba(0, 0, 0, .1);--difficulty-shadow-hover-sm: rgba(0, 0, 0, .06);--difficulty-outline-bg: transparent;--difficulty-success: #10b981;--difficulty-success-light: rgba(16, 185, 129, .1);--difficulty-warning: #f59e0b;--difficulty-warning-light: rgba(245, 158, 11, .1);--difficulty-error: #ef4444;--difficulty-error-light: rgba(239, 68, 68, .1)}[data-theme=dark]{--difficulty-text-solid: #ffffff;--difficulty-shadow-hover: rgba(0, 0, 0, .3);--difficulty-shadow-hover-sm: rgba(0, 0, 0, .2);--difficulty-outline-bg: rgba(255, 255, 255, .05);--difficulty-success: #34d399;--difficulty-success-light: rgba(52, 211, 153, .2);--difficulty-warning: #fbbf24;--difficulty-warning-light: rgba(251, 191, 36, .2);--difficulty-error: #f87171;--difficulty-error-light: rgba(248, 113, 113, .2)}.difficulty-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-align:center;border-radius:var(--radius-md, .375rem);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--font-family-body);transition:all var(--timing-fast, .2s) var(--timing-ease-out, cubic-bezier(.4, 0, .2, 1))}.difficulty-badge--small{font-size:.625rem;line-height:1;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm, .25rem)}.difficulty-badge--medium{font-size:.75rem;line-height:1.25;padding:var(--space-2) var(--space-4)}.difficulty-badge--large{font-size:.875rem;line-height:1.25;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg, .5rem)}.difficulty-badge--beginner.difficulty-badge--solid{background-color:var(--difficulty-success);color:var(--difficulty-text-solid)}.difficulty-badge--intermediate.difficulty-badge--solid{background-color:var(--difficulty-warning);color:var(--difficulty-text-solid)}.difficulty-badge--advanced.difficulty-badge--solid{background-color:var(--difficulty-error);color:var(--difficulty-text-solid)}.difficulty-badge--beginner.difficulty-badge--outline{background-color:var(--difficulty-outline-bg);border:1px solid var(--difficulty-success);color:var(--difficulty-success)}.difficulty-badge--intermediate.difficulty-badge--outline{background-color:var(--difficulty-outline-bg);border:1px solid var(--difficulty-warning);color:var(--difficulty-warning)}.difficulty-badge--advanced.difficulty-badge--outline{background-color:var(--difficulty-outline-bg);border:1px solid var(--difficulty-error);color:var(--difficulty-error)}.difficulty-badge--beginner.difficulty-badge--soft{background-color:var(--difficulty-success-light);border:1px solid var(--difficulty-success);color:var(--difficulty-success)}.difficulty-badge--intermediate.difficulty-badge--soft{background-color:var(--difficulty-warning-light);border:1px solid var(--difficulty-warning);color:var(--difficulty-warning)}.difficulty-badge--advanced.difficulty-badge--soft{background-color:var(--difficulty-error-light);border:1px solid var(--difficulty-error);color:var(--difficulty-error)}.difficulty-badge:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px var(--difficulty-shadow-hover),0 2px 4px -1px var(--difficulty-shadow-hover-sm)}.difficulty-badge:focus{outline:2px solid transparent;outline-offset:2px;ring:2px;ring-color:currentColor;ring-opacity:.5}.difficulty-badge{transition:all .3s ease}@media (prefers-contrast: high){.difficulty-badge{border-width:2px;font-weight:700}.difficulty-badge--solid{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.difficulty-badge{transition:none}.difficulty-badge:hover{transform:none}}:root{--badge-text-solid: #ffffff;--badge-shadow-hover: rgba(0, 0, 0, .1);--badge-shadow-hover-sm: rgba(0, 0, 0, .06);--badge-outline-bg: transparent;--badge-soft-bg: rgba(0, 0, 0, .05);--badge-soft-border: rgba(0, 0, 0, .1)}[data-theme=dark]{--badge-text-solid: #ffffff;--badge-shadow-hover: rgba(0, 0, 0, .3);--badge-shadow-hover-sm: rgba(0, 0, 0, .2);--badge-outline-bg: rgba(255, 255, 255, .05);--badge-soft-bg: rgba(255, 255, 255, .1);--badge-soft-border: rgba(255, 255, 255, .2)}.category-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;text-align:center;border-radius:var(--radius-lg, .5rem);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--font-family-body);transition:all var(--timing-fast, .2s) var(--timing-ease-out, cubic-bezier(.4, 0, .2, 1))}.category-badge--small{font-size:.625rem;line-height:1;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md, .375rem);gap:var(--space-1)}.category-badge--small .category-badge__icon{font-size:.75rem}.category-badge--medium{font-size:.75rem;line-height:1.25;padding:var(--space-2) var(--space-4)}.category-badge--medium .category-badge__icon{font-size:.875rem}.category-badge--large{font-size:.875rem;line-height:1.25;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl, .75rem);gap:var(--space-3)}.category-badge--large .category-badge__icon{font-size:1rem}.category-badge__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.category-badge__label{font-weight:500}.category-badge:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px var(--badge-shadow-hover),0 2px 4px -1px var(--badge-shadow-hover-sm)}.category-badge:focus{outline:2px solid transparent;outline-offset:2px;ring:2px;ring-color:currentColor;ring-opacity:.5}.category-badge--outline{background-color:var(--badge-outline-bg);border-width:1px;border-style:solid}.category-badge--solid{border:none;color:var(--badge-text-solid)}.category-badge--solid .category-badge__label{font-weight:600}.category-badge--soft{background-color:var(--badge-soft-bg);border:1px solid var(--badge-soft-border)}.category-badge,.category-badge__icon,.category-badge__label{transition:all .3s ease}@media (prefers-contrast: high){.category-badge{border-width:2px;font-weight:700}.category-badge--solid{border:2px solid currentColor}.category-badge__icon{filter:contrast(1.2)}}@media (prefers-reduced-motion: reduce){.category-badge{transition:none}.category-badge:hover{transform:none}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7c3aed;--accent-800: #6b21a8;--accent-900: #581c87;--primary-color: var(--primary-600);--primary-hover: var(--primary-700);--secondary-color: var(--accent-600);--secondary-hover: var(--accent-700);--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-light: #fef3c7;--error-color: #ef4444;--error-light: #fecaca;--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--background-quaternary: #e2e8f0;--background-hover: #f1f5f9;--background-glass: rgba(255, 255, 255, .8);--background-overlay: rgba(0, 0, 0, .05);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-quaternary: #94a3b8;--text-muted: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-focus: var(--primary-500);--border-error: var(--error-color);--gradient-primary: linear-gradient(135deg, var(--primary-600) 0%, var(--accent-600) 100%);--gradient-secondary: linear-gradient(135deg, var(--accent-500) 0%, var(--primary-500) 100%);--gradient-hero: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-tertiary) 100%);--gradient-text: linear-gradient(135deg, var(--primary-600) 0%, var(--accent-600) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--elevation-0: none;--elevation-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--elevation-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--elevation-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--elevation-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--elevation-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2);--shadow-lg: var(--elevation-3);--shadow-xl: var(--elevation-4);--bg-primary: var(--background-primary);--bg-surface: var(--background-secondary);--border-color: var(--border-primary);--primary-light: var(--primary-100);--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family: var(--font-family-body);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}[data-theme=dark]{--primary-color: var(--primary-400);--primary-hover: var(--primary-300);--secondary-color: var(--accent-400);--secondary-hover: var(--accent-300);--success-color: #34d399;--success-light: rgba(52, 211, 153, .1);--warning-color: #fbbf24;--warning-light: rgba(251, 191, 36, .1);--error-color: #f87171;--error-light: rgba(248, 113, 113, .1);--background-primary: #0f172a;--background-secondary: #1e293b;--background-tertiary: #334155;--background-quaternary: #475569;--background-hover: #475569;--background-glass: rgba(30, 41, 59, .8);--background-overlay: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-quaternary: #94a3b8;--text-muted: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-focus: var(--primary-400);--border-error: var(--error-color);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--accent-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--accent-600) 0%, var(--primary-600) 100%);--gradient-hero: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-tertiary) 100%);--gradient-text: linear-gradient(135deg, var(--primary-400) 0%, var(--accent-400) 100%);--gradient-glass: linear-gradient(135deg, rgba(30, 41, 59, .9) 0%, rgba(30, 41, 59, .7) 100%);--border-color: var(--border-primary);--bg-primary: var(--background-primary);--bg-surface: var(--background-secondary);--primary-light: var(--primary-900)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;font-size:16px}body{height:100%;font-family:var(--font-family);font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-display);font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}h5{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:600}h6{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}p{margin:0;line-height:1.7;font-size:1rem}.text-large{font-size:1.125rem;line-height:1.6}.text-small{font-size:.875rem;line-height:1.5}.text-xs{font-size:.75rem;line-height:1.4}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast);font-weight:500}a:hover{color:var(--primary-hover)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.app-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";min-height:100vh;width:100%}.app-grid__header{grid-area:header;position:sticky;top:0;z-index:var(--z-sticky);background:var(--background-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary)}.app-grid__main{grid-area:main;display:grid;width:100%;min-height:0}.app-grid__footer{grid-area:footer;margin-top:auto}.full-width-container{width:100%;padding:0 clamp(1rem,4vw,3rem);margin:0 auto}.content-container{width:100%;max-width:100%;padding:0 clamp(1rem,4vw,3rem);margin:0 auto}.narrow-container{width:100%;max-width:1400px;padding:0 clamp(1rem,4vw,3rem);margin:0 auto}.grid{display:grid}.grid-cols-1{grid-template-columns: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-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.grid-auto-fit-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.grid-auto-fit-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-8)}.gap-0{gap:0}.container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}.container-sm{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.container-lg{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem)}.full-width{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.full-height{min-height:100vh}.glass{background:var(--background-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-primary)}.card{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);overflow:hidden;transition:var(--transition-normal);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal);z-index:0;pointer-events:none}.card:hover{box-shadow:var(--elevation-4);transform:translateY(-2px);border-color:var(--primary-color)}.card:hover:before{opacity:.05}.card-glass{background:var(--background-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);position:relative}.card-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glass);opacity:0;transition:var(--transition-normal);z-index:0;pointer-events:none}.card-glass:hover:before{opacity:1}.grid-card{background:var(--background-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--elevation-2);overflow:hidden;transition:var(--transition-slow);position:relative;display:flex;flex-direction:column;height:100%}.grid-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal);z-index:0;pointer-events:none}.grid-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--elevation-5);border-color:var(--primary-color)}.grid-card:hover:before{opacity:.05}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-ring:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.place-items-center{place-items:center}.place-content-center{place-content:center}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.align-items-center{align-items:center}.align-items-start{align-items:start}.align-items-end{align-items:end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-x-1{column-gap:var(--space-1)}.gap-x-2{column-gap:var(--space-2)}.gap-x-3{column-gap:var(--space-3)}.gap-x-4{column-gap:var(--space-4)}.gap-x-6{column-gap:var(--space-6)}.gap-x-8{column-gap:var(--space-8)}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-webkit-scrollbar-corner{background:var(--background-secondary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}*,*:before,*:after{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transform:none!important}.floating-element{animation:none!important}.grid-card:hover,.card:hover{transform:none!important}}.grid-card,.card,.hero-stat-card,.course-card{contain:layout style paint;will-change:transform,box-shadow}.grid-card:not(:hover),.card:not(:hover),.hero-stat-card:not(:hover),.course-card:not(:hover){will-change:auto}.floating-element,.course-card__progress-fill,.search-form__button,.btn{transform:translateZ(0);backface-visibility:hidden}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--background-secondary)}@media (min-width: 1600px){.grid-responsive{grid-template-columns:repeat(5,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (min-width: 1400px) and (max-width: 1599px){.grid-responsive{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1024px) and (max-width: 1399px){.grid-responsive{grid-template-columns:repeat(3,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.full-width-container,.content-container{padding:0 clamp(1rem,3vw,2rem)}}@media (min-width: 768px) and (max-width: 1023px){.grid-responsive{grid-template-columns:repeat(2,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.full-width-container,.content-container{padding:0 clamp(1rem,2vw,1.5rem)}.gap-8{gap:var(--space-6)}.gap-6{gap:var(--space-5)}}@media (min-width: 480px) and (max-width: 767px){.grid-responsive,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-auto-fit{grid-template-columns:1fr}.full-width-container,.content-container{padding:0 var(--space-4)}.gap-8{gap:var(--space-5)}.gap-6{gap:var(--space-4)}.gap-4{gap:var(--space-3)}}@media (max-width: 479px){.grid-responsive,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-auto-fit{grid-template-columns:1fr}.full-width-container,.content-container{padding:0 var(--space-3)}.gap-8{gap:var(--space-4)}.gap-6{gap:var(--space-3)}.gap-4{gap:var(--space-2)}.card{border-radius:var(--radius-lg)}}@media (max-width: 1400px){.container-lg{padding:0 clamp(1rem,3vw,2rem)}}@media (max-width: 1200px){.container{padding:0 clamp(1rem,2vw,1.5rem)}}@media (max-width: 768px){.container,.container-sm,.container-lg{padding:0 var(--space-4)}}@media (max-width: 480px){.container,.container-sm,.container-lg{padding:0 var(--space-3)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-card,.card,.course-card{border-width:.5px}}@supports (display: grid){.app-grid,.grid-responsive{display:grid}}@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)){.card-glass,.grid-card,.dashboard-header{background:var(--background-glass)}}@supports not (backdrop-filter: blur(20px)) and not (-webkit-backdrop-filter: blur(20px)){.card-glass,.grid-card,.dashboard-header{background:var(--background-primary);border:1px solid var(--border-primary)}}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark}}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light}}@media (prefers-contrast: high){:root{--border-primary: #000000;--text-primary: #000000;--text-secondary: #333333}[data-theme=dark]{--border-primary: #ffffff;--text-primary: #ffffff;--text-secondary: #cccccc}.grid-card,.card,.course-card{border-width:2px}}@media print{.floating-element,.dashboard-header__actions,.sidebar-toggle,.view-toggle{display:none!important}.dashboard{background:var(--bg-primary)}.grid-card,.card,.course-card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid}}