:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--success-gradient:linear-gradient(135deg,#43e97b,#38f9d7);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--danger-gradient:linear-gradient(135deg,#ff9a9e,#fecfef);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius:0.75rem;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}#root,body,html{overflow-x:hidden}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.2}::-webkit-scrollbar{height:12px}::-webkit-scrollbar-track{border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}::-webkit-scrollbar-corner{background:#0000}*{scrollbar-color:#667eea #ffffff1a;scrollbar-width:thin}::selection{background:#667eea4d;color:inherit}:focus{outline:2px solid #667eea;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-float{animation:float 6s ease-in-out infinite}.glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a}.btn-modern{@apply px-6 py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 active:scale-95;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-modern:hover,.card-modern{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.card-modern{@apply rounded-xl p-6 transition-all duration-300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.card-modern:hover{border-color:#667eea80;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.text-gradient-primary{background:var(--primary-gradient)}.text-gradient-secondary{background:var(--secondary-gradient)}.text-gradient-accent{background:var(--accent-gradient)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-5,.line-clamp-6{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6}.ide-console-output,.ide-console-output pre{background-color:#fff!important;color:#000!important}.ide-console-output pre{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important;margin:0!important;padding:0!important;white-space:pre-wrap!important;word-break:break-word!important}.ide-console-output pre *,.ide-console-output span{background-color:initial!important;color:#000!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px!important}.modal-overlay{-webkit-overflow-scrolling:touch}.animate-slide-down{animation:slide-down .6s ease-out forwards}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:rotate-12{transform:rotate(12deg)}.group:hover .group-hover\:text-teal-400{color:#2dd4bf}.group:hover .group-hover\:text-purple-400{color:#c084fc}.border-teal-400\/50{border-color:#2dd4bf80}.border-orange-400\/50{border-color:#fb923c80}.border-cyan-400\/50{border-color:#22d3ee80}.border-purple-400\/50{border-color:#c084fc80}.border-pink-400\/50{border-color:#f472b680}.border-green-400\/50{border-color:#4ade8080}pre{margin:0;padding:0}code{font-family:Fira Code,Monaco,Courier New,monospace;line-height:1.6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2dd4bf,#22d3ee)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#14b8a6,#06b6d4)}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.backdrop-blur-md{background-color:#1f2937cc}}.feature-card-active{border-color:#2dd4bf;box-shadow:0 0 30px #2dd4bf4d;transform:translateY(-8px)}.language-badge:hover{background:linear-gradient(135deg,#c084fc33,#f472b633)}.stat-card{animation:count-up .8s ease-out forwards}.code-editor-glow{box-shadow:0 0 50px #2dd4bf33;transition:box-shadow .3s ease}.code-editor-glow:hover{box-shadow:0 0 80px #2dd4bf66}.testimonial-card:hover{background:linear-gradient(135deg,#2dd4bf1a,#22d3ee1a)}.btn-shine{overflow:hidden;position:relative}.btn-shine:after{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.footer-link{position:relative;transition:color .3s ease}.footer-link:after{background:#2dd4bf;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover:after{width:100%}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%}.interactive-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px) scale(1.02)}::selection{background-color:#2dd4bf4d}::-moz-selection{background-color:#2dd4bf4d}:focus-visible{outline:2px solid #2dd4bf}@keyframes ai-glow{0%,to{box-shadow:0 0 20px #a855f766}50%{box-shadow:0 0 40px #ec489999,0 0 60px #a855f766}}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes badge-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.ai-feature-card{animation:ai-pulse 3s ease-in-out infinite}.ai-feature-card:hover{animation:ai-glow 2s ease-in-out infinite}.ai-badge{animation:badge-bounce 2s ease-in-out infinite}@keyframes gradient-text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-text{animation:gradient-text 3s ease infinite;background-size:200% 200%}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-badge{animation:float-badge 2s ease-in-out infinite}.shimmer{animation:shimmer 3s infinite}.ai-showcase:hover{box-shadow:0 20px 60px #a855f74d;transform:scale(1.02) translateY(-5px)}.tech-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-badge:hover{box-shadow:0 10px 30px #a855f74d;transform:scale(1.1) rotate(2deg)}@keyframes particle-glow{0%,to{box-shadow:0 0 10px #2dd4bf80;opacity:.3}50%{box-shadow:0 0 20px #2dd4bfcc,0 0 30px #22d3ee99;opacity:.6}}.particle-glow{animation:particle-glow 4s ease-in-out infinite}.course-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{transform:translateY(-8px) scale(1.02)}.gradient-text{animation:gradient-shift 3s ease infinite;background:linear-gradient(45deg,#06b6d4,#0891b2,#0ea5e9);background-size:200% 200%}.stats-counter{animation:count-up 2s ease-out}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.backdrop-blur-enhanced{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@media (max-width:768px){.hero-title{font-size:2.5rem;line-height:1.2}.stats-grid{gap:2rem;grid-template-columns:1fr}}@media (max-width:640px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}}.video-player-container{background:#000;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.video-header{background:#111;padding:12px 12px 0}.video-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 6px}.video-description{color:#cbd5e1;font-size:12px;margin:0 0 8px}.video-player{background:#000;position:relative;width:100%}.video-element{display:block;height:auto;width:100%}@media (max-width:768px){.video-player-container{border-radius:0;max-width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#14b8a680;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#14b8a6b3}*{transition:all .2s ease-in-out}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #14b8a64d;outline:none}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.border-dashed:hover{background:#ffffff0d}pre{background:#1a1a1a!important;border:1px solid #ffffff1a}code{font-family:Fira Code,Monaco,Consolas,monospace}.tab-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-gradient-animated{animation:gradient-shift 3s ease infinite;background-size:200% 200%}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}@media (max-width:768px){.tab-nav{flex-wrap:wrap;gap:.5rem}.tab-nav button{flex:1 1;font-size:.875rem;min-width:0}}input[type=checkbox],input[type=radio]{accent-color:#14b8a6}select{background-color:#111827cc!important;border:1px solid #fff3!important;color:#fff!important}select option{background-color:#111827f2!important;color:#fff!important;padding:8px 12px!important}select:focus{background-color:#111827e6!important;color:#fff!important}select option:checked,select option:focus,select option:hover{background-color:#14b8a64d!important;color:#fff!important}input:invalid{border-color:#ef444480}input:valid{border-color:#22c55e80}.tooltip:after{background:#000c;border-radius:.375rem;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.tooltip:hover:after{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-slide-in{animation:slideIn .3s ease-out}@media (prefers-color-scheme:dark){.glass-effect{background:#0003}}@media print{.article-form-container{background:#fff!important;color:#000!important}.glass-effect{background:#fff!important;border:1px solid #ccc!important}}.article-content-container{word-wrap:break-word;background:#fff;border:none;border-radius:0;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word;overflow-x:auto;padding:0}.article-content-container,.article-content-container *{color:#1f2937;max-width:100%}.article-content-container h1,.article-content-container h2,.article-content-container h3,.article-content-container h4,.article-content-container h5,.article-content-container h6{word-wrap:break-word;color:#111827;font-weight:600;line-height:1.3;margin-bottom:1rem;margin-top:2rem;overflow-wrap:break-word}.article-content-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;border-bottom:3px solid #3b82f6;color:#111827;font-size:2.5rem;margin-bottom:2rem;margin-top:0;padding-bottom:1rem}.article-content-container h2{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;color:#1e40af;font-size:2rem;margin-bottom:1.5rem;margin-top:3rem;padding:1rem}.article-content-container h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.5rem;margin-bottom:1rem;margin-top:2.5rem;padding-bottom:.5rem}.article-content-container p{word-wrap:break-word;color:#374151;font-size:16px;line-height:1.7;margin-bottom:1.5rem;overflow-wrap:break-word;text-align:justify}.article-content-container ol,.article-content-container ul{word-wrap:break-word;background:#f9fafb;border-left:4px solid #10b981;border-radius:8px;color:#374151;margin-bottom:1.5rem;overflow-wrap:break-word;padding:1.5rem 2rem}.article-content-container li{word-wrap:break-word;color:#374151;line-height:1.6;margin-bottom:.75rem;overflow-wrap:break-word;position:relative}.article-content-container li::marker{color:#10b981;font-weight:700}.article-content-container blockquote{word-wrap:break-word;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;border-radius:0 12px 12px 0;box-shadow:0 2px 4px #3b82f61a;color:#4b5563;font-style:italic;margin:2rem 0;overflow-wrap:break-word;padding:1.5rem}.article-content-container pre{word-wrap:break-word;background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;max-width:100%;overflow-x:auto;padding:1.5rem;white-space:pre-wrap}.article-content-container code{word-wrap:break-word;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#dc2626;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em;font-weight:500;max-width:100%;overflow-wrap:break-word;padding:.25rem .5rem}.article-content-container strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#111827;font-weight:700}.article-content-container em{color:#6b7280;font-style:italic;font-weight:500}.code-block-container{background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 8px 25px #00000026;margin:2rem 0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.code-block-container:hover{box-shadow:0 12px 35px #0003;transform:translateY(-2px)}.code-block-header{align-items:center;background:linear-gradient(135deg,#374151,#4b5563);border-bottom:1px solid #6b7280;display:flex;justify-content:space-between;padding:1rem 1.5rem}.code-block-language{background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#10b981;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.code-block-content{background:#1f2937;overflow-x:auto;padding:1.5rem}.code-block-content pre{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.code-block-content code{background:#0000;border:none;color:#e5e7eb;font-size:.875rem;font-weight:400;line-height:1.6;padding:0}@media (max-width:768px){.article-content-container{font-size:15px}.article-content-container h1{font-size:2rem}.article-content-container h2{font-size:1.5rem;padding:.75rem}.article-content-container h3{font-size:1.25rem}.article-content-container p{font-size:15px}.article-content-container ol,.article-content-container ul{padding:1rem 1.5rem}.code-block-content{padding:1rem}.code-block-header{padding:.75rem 1rem}}.question-packages-container{background:linear-gradient(135deg,#1f2937,#111827 50%,#1f2937);min-height:100vh}.difficulty-badge{border-radius:20px;letter-spacing:.5px;padding:4px 12px}.difficulty-badge.green{background-color:#10b981;color:#fff}.difficulty-badge.blue{background-color:#3b82f6;color:#fff}.difficulty-badge.orange{background-color:#f59e0b;color:#fff}.difficulty-badge.red{background-color:#ef4444;color:#fff}.difficulty-badge.gray{background-color:#6b7280;color:#fff}.question-package-detail-container{background:linear-gradient(135deg,#1f2937,#111827 50%,#1f2937);min-height:100vh}.section-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.section-card:hover{border-color:#a855f74d}.section-number{background:linear-gradient(135deg,#a855f7,#ec4899);height:32px;width:32px}@keyframes slide-down{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:5000px;opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-scale-in{animation:scale-in .3s ease-out}.animate-slide-down{animation:slide-down .4s ease-out}.animate-gradient-x{animation:gradient-x 8s ease infinite;background-size:200% 200%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9333ea,#db2777)}::selection{background-color:#a855f74d}::-moz-selection{background-color:#a855f74d}a:focus-visible,button:focus-visible{outline:2px solid #a855f7;outline-offset:2px}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}@media (max-width:768px){.animate-slide-down{animation-duration:.3s}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-x{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate-in{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0deg) scale(1)}}.animate-float{animation:float 15s ease-in-out infinite}.animate-gradient{animation:gradient 3s ease infinite;background-size:200% 200%}.animate-gradient-x{animation:gradient-x 15s ease infinite;background-size:200% 100%}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-slide-in-left{animation:slide-in-left .6s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .6s ease-out forwards}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.animate-scale-in{animation:scale-in .6s ease-out forwards}.animate-rotate-in{animation:rotate-in .6s ease-out forwards}.timeline-line{background:linear-gradient(180deg,#14d4c4,#22d3ee,#3b82f6)}.timeline-dot{transition:all .3s ease}.timeline-dot.active{background:#14d4c4;box-shadow:0 0 20px #14d4c480;transform:scale(1.2)}.value-card{overflow:hidden;position:relative}.value-card:before{background:radial-gradient(circle,#14d4c41a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .5s ease;width:200%}.value-card:hover:before{transform:scale(1)}.team-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.team-card:hover{box-shadow:0 25px 50px #0000004d;transform:translateY(-12px) scale(1.02)}.achievement-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.achievement-badge:hover{transform:scale(1.15) rotate(5deg)}.tech-badge{overflow:hidden;position:relative}.tech-badge:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.tech-badge:hover:after{height:300px;width:300px}.mission-vision-card{background-size:100% 100%;transition:all .3s ease}.mission-vision-card:hover{background-size:110% 110%}@keyframes progress{0%{width:0}}.progress-bar{animation:progress 2s ease-out forwards}.stat-counter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:all .3s ease}.particle{border-radius:50%;opacity:.6;pointer-events:none;position:absolute}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.glow-on-hover{transition:all .3s ease}.glow-on-hover:hover{box-shadow:0 0 30px #14d4c466}.section-divider{background:linear-gradient(90deg,#0000,#14d4c480,#0000);height:1px}.timeline-item{opacity:.6;transition:all .3s ease}.timeline-item.active,.timeline-item:hover{opacity:1}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff1a 50%,#fff0);background-size:1000px 100%}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;width:300px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1f293780}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#14d4c4,#22d3ee);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0db8ab,#06b6d4)}::selection{background-color:#14d4c44d;color:#fff}::-moz-selection{background-color:#14d4c44d;color:#fff}:focus-visible{outline:2px solid #14d4c4;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.timeline-item{opacity:1}.hover-lift:hover{transform:translateY(-4px)}}.loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card-shine{overflow:hidden;position:relative}.card-shine:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-ring{position:relative}.pulse-ring:before{animation:pulse-ring 1.5s cubic-bezier(.4,0,.2,1) infinite;border:2px solid #14d4c480;border-radius:inherit;content:"";inset:-10px;position:absolute}@keyframes rotate-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-border{animation:rotate-gradient 3s linear infinite;background:linear-gradient(90deg,#14d4c4,#22d3ee,#14d4c4);background-size:200% 100%}.skill-tree-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.skill-tree-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3d5a80;border-radius:20px;box-shadow:0 20px 60px #00000080;color:#fff;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.skill-tree-header{align-items:center;background:#ffffff0d;border-bottom:2px solid #3d5a80;display:flex;justify-content:space-between;padding:20px 30px}.skill-tree-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;font-size:28px;font-weight:700;margin:0}.close-btn{background:#ffffff1a;border-radius:50%;color:#fff;font-size:32px;height:40px;transition:all .3s;width:40px}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.character-stats{background:#ffffff08;border-bottom:1px solid #3d5a80;padding:20px 30px}.stat-row{display:flex;justify-content:space-around;margin-bottom:20px}.stat-item{align-items:center;display:flex;gap:10px}.stat-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:40px}.stat-label{font-size:12px}.stat-value{color:#fff;font-size:20px}.stat-value.highlight{color:gold;text-shadow:0 0 10px #ffd70080}.experience-bar{margin:15px 0}.exp-label{color:#aaa;font-size:12px;margin-bottom:5px}.exp-bar-bg{background:#ffffff1a;border:1px solid #3d5a80;border-radius:10px;height:20px;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);box-shadow:0 0 20px #4facfe80;height:100%;transition:width .5s ease}.quick-stats{border-top:1px solid #3d5a80;display:flex;justify-content:space-around;margin-top:15px;padding-top:15px}.quick-stat{color:#ccc;font-size:14px}.skill-tree-tabs{background:#0003;display:flex;gap:10px;padding:10px 20px 0}.tab{background:#ffffff0d;border:1px solid #3d5a80;border-bottom:none;border-radius:10px 10px 0 0;color:#aaa;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.tab:hover{background:#ffffff1a;color:#fff}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;box-shadow:0 -5px 20px #764ba24d;color:#fff}.skill-tree-content{min-height:300px;padding:30px}.tree-header{margin-bottom:30px;text-align:center}.tree-header h3{color:gold;font-size:24px;margin:0 0 10px}.tree-header p{color:#aaa;margin:0}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.skill-node{background:#ffffff0d;border:2px solid #3d5a80;border-radius:15px;cursor:pointer;padding:20px;text-align:center;transition:all .3s}.skill-node:hover{background:#ffffff1a;border-color:#667eea;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.skill-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.3));font-size:40px;margin-bottom:10px}.skill-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.skill-cost{color:gold;font-size:12px}.skill-detail{background:#667eea1a;border:2px solid #667eea;border-radius:15px;padding:20px;text-align:center}.skill-detail h4{color:gold;margin:0 0 10px}.skill-detail p{color:#aaa;margin-bottom:15px}.invest-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s}.invest-btn:hover:not(:disabled){box-shadow:0 5px 20px #764ba266;transform:scale(1.05)}.invest-btn:disabled{cursor:not-allowed;opacity:.5}.stats-summary{background:#0003;border-top:1px solid #3d5a80;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;padding:20px 30px}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-item .label{color:#aaa;font-size:12px;margin-bottom:5px}.summary-item .value{color:#4facfe;font-size:18px;font-weight:700}@media (max-width:768px){.skill-tree-modal{border-radius:0;max-height:100vh;max-width:100%}.skill-tree-header h2{font-size:22px}.skills-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-tree-tabs{flex-direction:column}.tab{border:1px solid #3d5a80;border-radius:10px}}.achievements-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.achievements-modal{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;color:#fff;max-height:90vh;max-width:1000px;overflow-y:auto;width:100%}.achievements-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.achievements-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;font-size:28px;font-weight:700;margin:0}.achievements-stats{background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-around;padding:20px 30px}.stat-card{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4facfe,#00f2fe);-webkit-background-clip:text;font-size:36px;font-weight:700;margin-bottom:5px}.stat-label{color:#aaa;font-size:13px;letter-spacing:1px;text-transform:uppercase}.achievements-filters{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;padding:20px 30px}.filter-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#aaa;font-size:13px;font-weight:500;padding:8px 20px;text-transform:capitalize;transition:all .3s}.filter-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;box-shadow:0 4px 15px #764ba266}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:30px}.achievement-card{background:#ffffff0d;border:2px solid;border-radius:15px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s}.achievement-card:hover{background:#ffffff14;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.new-badge{animation:bounce 1s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 4px 10px #ff6b6b66;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;position:absolute;right:10px;top:10px}.achievement-icon{align-items:center;border-radius:50%;box-shadow:0 8px 25px #0000004d;display:flex;font-size:64px;height:100px;justify-content:center;margin:0 auto 15px;position:relative;width:100px;z-index:2}.achievement-content{position:relative;text-align:center;z-index:2}.achievement-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px}.achievement-description{color:#bbb;font-size:14px;line-height:1.5;margin-bottom:15px}.achievement-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:15px}.achievement-rarity{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.achievement-date{color:#888;font-size:11px}.achievement-glow{height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s;width:200%}.achievement-card:hover .achievement-glow{opacity:1}.empty-state,.no-achievements{color:#aaa;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{display:block;opacity:.5}.empty-state p,.no-achievements p{font-size:16px;margin:5px 0}.loading{color:#aaa;padding:60px}@media (max-width:768px){.achievements-modal{border-radius:0;max-height:100vh;max-width:100%}.achievements-header h2{font-size:22px}.achievements-grid{gap:15px;grid-template-columns:1fr;padding:20px}.achievement-icon{font-size:48px;height:80px;width:80px}.stat-number{font-size:28px}}@keyframes legendary-glow{0%,to{box-shadow:0 0 20px #ff6b3599}50%{box-shadow:0 0 40px #ff6b35}}.achievement-card[style*=ff6b35] .achievement-icon{animation:legendary-glow 2s infinite}.code-battle-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.code-battle-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:20px;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.battle-header{align-items:center;background:#e945601a;border-bottom:2px solid #e94560;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.battle-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e94560,#ff6b6b);-webkit-background-clip:text;font-size:28px;font-weight:700;margin:0}.battle-tabs{background:#0003;display:flex;gap:10px;padding:10px 20px 0}.battle-tabs .tab{background:#ffffff0d;border:1px solid #ffffff1a;border-bottom:none;border-radius:10px 10px 0 0;color:#aaa;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.battle-tabs .tab:hover{background:#ffffff1a;color:#fff}.battle-tabs .tab.active{background:linear-gradient(135deg,#e94560,#f48fb1);border-color:#e94560;box-shadow:0 -5px 20px #e945604d;color:#fff}.battle-content{color:#fff;flex:1 1;overflow-y:auto;padding:30px}.section-header{margin-bottom:25px}.section-header h3{color:#fff;font-size:22px}.refresh-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s}.refresh-btn:hover{background:#fff3;transform:rotate(180deg)}.battles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.battle-card{background:#ffffff0d;border:2px solid #e945604d;border-radius:15px;padding:20px;transition:all .3s}.battle-card:hover{background:#ffffff14;border-color:#e94560;box-shadow:0 10px 30px #e945604d;transform:translateY(-5px)}.battle-card-header{border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:15px}.battle-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.battle-difficulty{font-size:14px;font-weight:600}.battle-info{margin-bottom:15px}.info-row{color:#ccc;font-size:14px;gap:8px;margin-bottom:8px}.info-icon{font-size:16px}.battle-code-display{background:#e9456033;border-radius:4px;color:#ff6b6b;font-family:monospace;font-weight:600;padding:3px 8px}.join-battle-btn{background:linear-gradient(135deg,#e94560,#f48fb1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all .3s;width:100%}.join-battle-btn:hover:not(:disabled){box-shadow:0 5px 20px #e9456066;transform:scale(1.05)}.join-battle-btn:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.empty-state{color:#aaa}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#fff;font-size:24px;margin:15px 0 10px}.empty-state p{margin-bottom:25px}.create-first-btn{background:linear-gradient(135deg,#e94560,#f48fb1);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 30px;transition:all .3s}.create-first-btn:hover{box-shadow:0 5px 20px #e9456066;transform:scale(1.05)}.create-section{margin:0 auto;max-width:600px}.create-section h3{color:#fff;font-size:24px;margin-bottom:30px;text-align:center}.create-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:30px}.form-group label{color:#fff}.form-group input[type=number],.form-group input[type=text]{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px;width:100%}.form-group input:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a;outline:none}.form-group small{color:#888;font-size:12px}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-group.checkbox input[type=checkbox]{cursor:pointer;width:auto}.create-battle-btn{background:linear-gradient(135deg,#e94560,#f48fb1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:15px;transition:all .3s;width:100%}.create-battle-btn:hover{box-shadow:0 8px 25px #e9456066;transform:translateY(-2px)}.battle-created{background:#4caf501a;border:2px solid #4caf50;border-radius:10px;margin-top:25px;padding:20px;text-align:center}.created-code{color:#fff;font-size:24px;margin:15px 0}.created-code strong{background:#e9456033;border-radius:8px;color:#ff6b6b;font-family:monospace;padding:8px 16px}.share-text{color:#aaa;font-size:13px}.join-section{margin:0 auto;max-width:600px}.join-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:40px 30px;text-align:center}.join-icon{font-size:64px;margin-bottom:20px}.join-container h3{color:#fff;font-size:24px;margin-bottom:10px}.join-container>p{color:#aaa;margin-bottom:30px}.code-input{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-family:monospace;font-size:32px;font-weight:700;letter-spacing:8px;margin-bottom:20px;max-width:300px;padding:20px;text-align:center;width:100%}.code-input:focus{border-color:#e94560;box-shadow:0 0 0 4px #e9456033;outline:none}.join-code-btn{background:linear-gradient(135deg,#e94560,#f48fb1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:30px;max-width:300px;padding:15px;transition:all .3s;width:100%}.join-code-btn:hover:not(:disabled){box-shadow:0 5px 20px #e9456066;transform:scale(1.05)}.join-code-btn:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.join-info{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:30px;text-align:left}.join-info h4{color:#fff;font-size:18px;margin-bottom:15px}.join-info ol{color:#aaa;line-height:1.8;padding-left:20px}.join-info li{margin-bottom:8px}.loading-state{color:#aaa;padding:60px 20px;text-align:center}.spinner{border:4px solid #ffffff1a;border-top-color:#e94560;height:50px;margin:0 auto 20px;width:50px}@media (max-width:768px){.code-battle-modal{border-radius:0;max-height:100vh;max-width:100%}.battle-header h2{font-size:22px}.battles-grid{grid-template-columns:1fr}.battle-tabs{flex-direction:row;overflow-x:auto}.battle-tabs .tab{flex-shrink:0;min-width:120px}.code-input{font-size:24px;letter-spacing:4px}}.time-machine-container{min-height:600px;width:100%}.sessions-list{padding:2rem}.header{margin-bottom:3rem;text-align:center}.header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.spinner{border-top-color:#3b82f6}.empty-state p{margin-bottom:.5rem}.hint{color:#9ca3af;font-size:.875rem;font-style:italic}.sessions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.session-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;padding:1.5rem;transition:all .2s}.session-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.session-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.session-icon{font-size:1.5rem}.session-title{color:#1f2937;font-size:1.125rem;font-weight:600}.session-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.info-row{align-items:center;display:flex;justify-content:space-between}.info-label{color:#6b7280;font-size:.875rem}.info-value{color:#1f2937;font-size:.875rem}.view-button{background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.view-button:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8);transform:scale(1.02)}.playback-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.playback-header{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem}.back-button{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#4b5563;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.back-button:hover{background:#f9fafb;border-color:#9ca3af}.playback-header h3{color:#1f2937;font-size:1.25rem;font-weight:700}.session-date{color:#6b7280;font-size:.875rem}.code-display{background:#1f2937;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;overflow:hidden}.code-display-header{align-items:center;background:#111827;color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:1rem 1.5rem}.progress{color:#9ca3af}.code-content{margin:0;max-height:500px;min-height:300px;overflow:auto;padding:1.5rem}.code-content code{color:#d1d5db;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.timeline-events{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.timeline-events h4{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.events-grid{grid-gap:.75rem;display:grid;gap:.75rem}.event-marker{align-items:center;border:2px solid;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.event-marker:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.event-marker.selected{box-shadow:0 0 0 3px #3b82f633}.event-icon{flex-shrink:0;font-size:1.5rem}.event-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.event-type{font-size:.75rem;font-weight:700;letter-spacing:.05em}.event-desc{color:#4b5563;font-size:.875rem}.event-time{color:#9ca3af;font-size:.75rem}.playback-controls{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:1.5rem;padding:1.5rem}.timeline-slider{padding:1rem 0;position:relative}.slider{appearance:none;background:#e5e7eb;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.slider::-webkit-slider-thumb{appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.timeline-markers{height:8px;left:0;right:0;top:0}.timeline-marker,.timeline-markers{pointer-events:none;position:absolute}.timeline-marker{font-size:1.25rem;top:-12px;transform:translateX(-50%)}.control-buttons{flex-wrap:wrap;gap:1rem;justify-content:center}.control-btn{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#4b5563;padding:.75rem 1.5rem;transition:all .2s}.control-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.control-btn.primary{background:linear-gradient(90deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.control-btn.primary:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8);border-color:#1d4ed8}.control-btn:disabled{cursor:not-allowed;opacity:.5}.speed-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.speed-label{color:#4b5563;font-weight:600}.speed-btn{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#6b7280;font-weight:600;min-width:60px;padding:.5rem 1rem;transition:all .2s}.speed-btn:hover{border-color:#3b82f6;color:#3b82f6}.speed-btn.active{background:#3b82f6;border-color:#3b82f6}.event-details-panel{border:2px solid;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.event-details-panel h4{font-size:1.125rem;font-weight:700;margin-bottom:1rem}.detail-grid{grid-gap:.75rem;display:grid;gap:.75rem}.detail-item{align-items:center;background:#fff;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.detail-label{color:#6b7280}.detail-label,.detail-value{font-size:.875rem;font-weight:600}.detail-value{color:#1f2937}.error-message{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:.75rem;color:#991b1b;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.error-icon{font-size:1.5rem}@media (max-width:768px){.sessions-grid{grid-template-columns:1fr}.playback-header{align-items:flex-start;flex-direction:column;gap:.75rem}.control-buttons{flex-wrap:wrap}.control-btn{flex:1 1;min-width:80px}.speed-controls{flex-wrap:wrap}}.challenges-container{position:relative;width:100%}.confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti{animation:confetti-fall 4s linear forwards;height:10px;position:absolute;top:-10px;width:10px}@keyframes confetti-fall{to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.challenges-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-left h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1rem;opacity:.9}.streak-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:1rem;display:flex;gap:1rem;padding:1rem 1.5rem}.streak-icon{animation:flame-flicker 1.5s infinite;font-size:3rem}@keyframes flame-flicker{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}}.streak-info{text-align:center}.streak-number{font-size:2.5rem;font-weight:700;line-height:1}.streak-label{font-size:.875rem;margin-top:.25rem;opacity:.9}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{margin-bottom:1rem}.completed-state{background:linear-gradient(135deg,#e0ffe0,#a7f3d0);border:2px solid #34d399;border-radius:1rem;padding:4rem 2rem;text-align:center}.completed-icon{animation:bounce 1s infinite;font-size:5rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completed-state h3{color:#065f46;font-size:2rem;font-weight:700;margin-bottom:.5rem}.completed-state p{color:#047857;font-size:1.125rem;margin-bottom:2rem}.streak-message{align-items:center;background:#fff;border-radius:2rem;box-shadow:0 4px 12px #0000001a;color:#059669;display:inline-flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:2rem;padding:1rem 2rem}.streak-flame{font-size:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.stat-value{color:#667eea;font-size:2.5rem;line-height:1;margin-bottom:.5rem}.challenge-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.challenge-info{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;max-height:800px;overflow-y:auto;padding:2rem}.challenge-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.challenge-header h3{color:#1f2937;font-size:1.5rem;font-weight:700}.difficulty-badge{border-radius:2rem;font-size:.875rem;padding:.5rem 1rem}.difficulty-easy{background:#d1fae5;color:#065f46}.difficulty-medium{background:#fed7aa;color:#92400e}.difficulty-hard{background:#fecaca;color:#991b1b}.challenge-description{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#f3f4f6;border-radius:.5rem;color:#6b7280;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.examples-section,.requirements-section,.rewards-section{margin-bottom:1.5rem}.examples-section h4,.requirements-section h4,.rewards-section h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.requirements-section ul{list-style:none;padding:0}.requirements-section li{align-items:start;color:#4b5563;display:flex;padding:.5rem 0}.requirements-section li:before{color:#10b981;content:"✓";font-weight:700;margin-right:.75rem}.example-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.example-row{display:flex;gap:.75rem;margin-bottom:.5rem}.example-row:last-child{margin-bottom:0}.example-label{color:#6b7280;font-weight:600;min-width:60px}.example-row code{background:#fff;border-radius:.25rem;color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:.875rem;padding:.25rem .5rem}.rewards-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.reward-card{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.reward-card.bonus{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.reward-icon{font-size:2rem}.reward-text{color:#1f2937;font-size:.875rem;font-weight:600}.code-editor-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.code-editor-section h4{color:#1f2937;font-size:1.125rem;font-weight:600}.code-editor{background:#1f2937;border:2px solid #374151;border-radius:.5rem;color:#d1d5db;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;min-height:300px;padding:1rem;resize:vertical}.code-editor:focus{border-color:#667eea}.output-section{display:flex;flex-direction:column;gap:.5rem}.output-content{background:#f9fafb;border:1px solid #e5e7eb;color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:.875rem;max-height:200px;overflow:auto}.message-box,.output-content{border-radius:.5rem;padding:1rem}.message-box{align-items:center;display:flex;font-weight:500;gap:.75rem}.message-box.error{background:#fef2f2;border:2px solid #fecaca;color:#991b1b}.message-box.success{background:#f0fdf4;border:2px solid #bbf7d0;color:#166534}.message-icon{font-size:1.5rem}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .2s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.button-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.hint-box{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af;display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.hint-icon{font-size:1.25rem}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:1rem;padding:4rem 2rem}@media (max-width:1024px){.challenge-content{grid-template-columns:1fr}.challenge-info{max-height:none}}@media (max-width:768px){.challenges-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.streak-display{align-self:stretch;justify-content:center}.rewards-grid,.stats-grid{grid-template-columns:1fr}}.leaderboard-container{margin:0 auto;max-width:1200px;width:100%}.leaderboard-header{margin-bottom:2rem;text-align:center}.leaderboard-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#d97706);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#6b7280;font-size:1.125rem}.filters-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#1f2937;display:block;font-weight:600;margin-bottom:.75rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.filter-btn:hover{border-color:#fbbf24;color:#d97706}.filter-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#fff}.user-rank-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 8px 16px #667eea4d;color:#fff;margin-bottom:2rem;padding:1.5rem}.user-rank-header{font-size:1rem;font-weight:500;margin-bottom:1rem;opacity:.9}.user-rank-content{align-items:center;display:flex;justify-content:space-between}.user-rank-position{align-items:center;display:flex;gap:1rem}.rank-badge{font-size:3rem;line-height:1}.rank-label{font-size:1.5rem;font-weight:700}.user-rank-score{align-items:center;display:flex;gap:.75rem}.score-icon{font-size:2rem}.score-value{font-size:1.5rem}.empty-state,.error-state,.loading-state{padding:4rem 2rem;text-align:center}.spinner{border:4px solid #e5e7eb;border-top-color:#fbbf24;height:48px;margin:0 auto 1rem;width:48px}.error-icon{color:#ef4444;font-size:3rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:#6b7280}.leaderboard-table-container{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;overflow:hidden}.podium{align-items:flex-end;background:linear-gradient(180deg,#fef3c7,#fff);display:flex;gap:1rem;justify-content:center;padding:2rem}.podium-place{align-items:center;background:#fff;border:3px solid;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s}.podium-place:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.place-1{border-color:#fbbf24;box-shadow:0 8px 24px #fbbf244d;order:2;transform:scale(1.1)}.place-2{border-color:#d1d5db;box-shadow:0 4px 12px #d1d5db4d;order:1}.place-3{border-color:#cd7f32;box-shadow:0 4px 12px #cd7f324d;order:3}.podium-place.current-user{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6!important;border-width:4px}.podium-medal{font-size:3rem;line-height:1}.podium-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.podium-name{color:#1f2937;font-size:1.125rem;font-weight:700;max-width:150px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.podium-score{color:#6b7280;font-size:1rem;font-weight:600}.leaderboard-list{padding:1rem}.leaderboard-row{align-items:center;border:2px solid #0000;border-radius:.75rem;display:flex;gap:1.5rem;margin-bottom:.75rem;padding:1.25rem;transition:all .2s}.leaderboard-row:hover{background:#f9fafb;border-color:#e5e7eb}.leaderboard-row.current-user{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.rank-cell{min-width:60px;text-align:center}.rank-number{color:#6b7280;font-size:1.5rem;font-weight:700}.rank-gold{color:#fbbf24}.rank-silver{color:#d1d5db}.rank-bronze{color:#cd7f32}.user-cell{flex:1 1;gap:1rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.user-info{flex:1 1}.user-name{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.you-badge{background:#3b82f6;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.user-level{color:#6b7280;font-size:.875rem;margin-top:.25rem}.score-cell{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.score-cell .score-icon{font-size:1.5rem}.stats-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-box{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;text-align:center}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:#1f2937;font-size:2rem;font-weight:700}@media (max-width:768px){.leaderboard-header h2{font-size:2rem}.podium{align-items:stretch;flex-direction:column}.place-1,.place-2,.place-3{order:0;transform:scale(1)}.place-1{order:1}.place-2{order:2}.place-3{order:3}.leaderboard-row{flex-wrap:wrap}.score-cell{justify-content:flex-end;padding-top:.5rem;width:100%}.user-rank-content{flex-direction:column;gap:1rem}.stats-summary{grid-template-columns:1fr}}.course-question-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:800px;padding:24px}.course-question-form h3{border-bottom:2px solid #007bff;color:#333;font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.course-question-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.course-question-form .form-group{margin-bottom:20px}.course-question-form label{color:#333;display:block;font-weight:600;margin-bottom:8px}.course-question-form input[type=number],.course-question-form input[type=text],.course-question-form input[type=url],.course-question-form select,.course-question-form textarea{background:#fff;border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;color:#333;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.course-question-form input:focus,.course-question-form select:focus,.course-question-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.course-question-form textarea{min-height:80px;resize:vertical}.course-question-form .form-help{color:#666;display:block;font-size:12px;font-style:italic;line-height:1.4;margin-top:6px}.course-question-form .template-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:15px;padding:8px 16px;transition:background-color .3s ease}.course-question-form .template-button:hover{background:#5a6268}.course-question-form .checkbox-group{align-items:center;display:flex;margin-bottom:20px}.course-question-form .checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-bottom:0}.course-question-form .checkbox-group input[type=checkbox]{margin-right:10px;transform:scale(1.2);width:auto}.course-question-form .form-actions{border-top:1px solid #e1e5e9;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.course-question-form .btn-primary,.course-question-form .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.course-question-form .btn-primary{background-color:#007bff;color:#fff}.course-question-form .btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.course-question-form .btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.course-question-form .btn-secondary{background-color:#6c757d;color:#fff}.course-question-form .btn-secondary:hover{background-color:#545b62;transform:translateY(-1px)}.course-question-form .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:12px}@media (max-width:768px){.course-question-form{margin:10px;padding:16px}.course-question-form .form-row{gap:15px;grid-template-columns:1fr}.course-question-form .form-actions{flex-direction:column;gap:10px}.course-question-form .btn-primary,.course-question-form .btn-secondary{width:100%}}.premium-badge{margin-left:8px}.course-question-list{margin:20px 0}.question-list-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.question-list-header h3{color:#333;font-size:1.5rem;margin:0}.btn-add-question{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-add-question:hover{background-color:#218838;transform:translateY(-1px)}.no-questions{background:#fff;box-shadow:0 2px 10px #0000001a}.no-questions p{color:#666}.questions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.question-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.question-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.question-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;padding:20px}.question-title{font-size:1.2rem;margin:0 0 10px}.question-meta,.question-title{align-items:center;display:flex;gap:10px}.question-order{background:#fff3;border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.question-content{padding:20px}.question-description{color:#333;line-height:1.6;margin:0 0 15px}.question-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:15px;padding:10px}.question-section strong{color:#495057;display:block;margin-bottom:5px}.question-section p{color:#333;line-height:1.5;margin:5px 0 0}.question-section a{color:#007bff;font-weight:500;text-decoration:none}.question-section a:hover{text-decoration:underline}.code-block{background:#2d3748;border-radius:6px;color:#e2e8f0;font-family:Courier New,monospace;font-size:13px;line-height:1.4;margin:5px 0 0;overflow-x:auto;padding:12px;white-space:pre-wrap}.question-stats{border-top:1px solid #e1e5e9;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px}.stat{background:#e9ecef;border-radius:4px;color:#495057;font-weight:500;padding:4px 8px}.question-actions{background:#f8f9fa;border-top:1px solid #e1e5e9;padding:15px 20px}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-edit{background-color:#007bff;color:#fff}.btn-edit:hover:not(:disabled){background-color:#0056b3}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background-color:#c82333}.btn-delete:disabled,.btn-edit:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:768px){.question-list-header{flex-direction:column;gap:15px;text-align:center}.questions-grid{grid-template-columns:1fr}.question-meta{align-items:flex-start;gap:5px}.question-actions,.question-meta,.question-stats{flex-direction:column}}.difficulty-badge{display:inline-block;font-size:12px}.difficulty-easy{background-color:#d4edda;color:#155724}.difficulty-medium{background-color:#fff3cd;color:#856404}.difficulty-hard{background-color:#f8d7da;color:#721c24}.difficulty-expert{background-color:#cce5ff;color:#004085}.premium-badge{background-color:#ffc107;border-radius:4px;display:inline-block;font-weight:600;text-transform:uppercase}.course-form-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.course-form-card{background:#fff;border-radius:10px;box-shadow:0 15px 35px #0000001a;margin:20px 0;max-width:800px;padding:40px;width:100%}.course-form-card h2{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.form-row{margin-bottom:20px}.form-group label{color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e5e9;font-size:16px;padding:12px 15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group select{background-color:#fff}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f8f9fa;border:2px solid #e1e5e9;color:#666}.cancel-btn:hover{background:#e9ecef;color:#333}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.save-btn:hover{box-shadow:0 5px 15px #667eea66}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.sections-section{border-top:2px solid #e1e5e9;margin-top:30px;padding-top:30px}.sections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sections-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.add-section-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-section-btn:hover{box-shadow:0 5px 15px #28a74566;transform:translateY(-2px)}.no-sections{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px}.no-sections p{color:#6c757d;font-size:16px;margin:0}.section-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.section-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.section-info h4{font-size:18px;font-weight:600}.section-info p{font-size:14px;line-height:1.4;margin:0 0 12px}.section-details{display:flex;flex-wrap:wrap;gap:10px}.section-order{background:#e3f2fd;color:#1976d2}.free-badge{background:#e8f5e8;color:#2e7d32}.video-badge{background:#fff3e0;color:#f57c00}.section-actions{gap:8px;margin-left:15px}.delete-section-btn,.edit-section-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.edit-section-btn{background:#007bff;color:#fff}.edit-section-btn:hover{background:#0056b3}.delete-section-btn{background:#dc3545;color:#fff}.delete-section-btn:hover{background:#c82333}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group label[for=isFree]{align-items:center;cursor:pointer;display:flex}@media (max-width:768px){.course-form-card{margin:10px;padding:20px}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.sections-header{align-items:stretch}.section-item,.sections-header{flex-direction:column;gap:15px}.section-actions{justify-content:flex-end;margin-left:0}}.manage-questions-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-right:5px;padding:6px 12px;transition:all .2s ease}.manage-questions-btn:hover{background-color:#138496}.question-management-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;gap:20px;margin-bottom:20px;padding-bottom:15px}.question-management-header h2{color:#333;font-size:1.5rem;margin:0}.form-section-header{border-top:2px solid #e1e5e9;margin:30px 0 20px;padding-top:30px}.form-section-header h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.form-group small{font-size:13px;font-style:italic;margin-top:5px}.course-detail{margin:0 auto;max-width:1200px;padding:20px}.course-detail-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;gap:20px;margin-bottom:30px;padding-bottom:15px}.back-btn{background-color:#6c757d;border-radius:4px;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.back-btn:hover{background-color:#545b62}.course-detail-header h2{color:#333;font-size:2rem;margin:0}.course-info{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:24px}.course-meta{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.course-meta p{color:#666;font-size:14px;margin:0}.course-meta strong{color:#333;font-weight:600}.course-description h3{color:#333;font-size:1.2rem;margin:0 0 10px}.course-description p{color:#666;line-height:1.6;margin:0}.sections-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:24px}.sections-section h3{border-bottom:2px solid #007bff;color:#333;font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.loading,.no-sections{color:#666;font-size:16px;padding:40px}.no-sections{text-align:center}.sections-list{display:flex;flex-direction:column;gap:15px}.section-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;transition:all .3s ease}.section-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.section-header{align-items:flex-start;gap:15px;margin-bottom:15px}.section-number{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.section-info{flex:1 1}.section-info h4{color:#333;font-size:1.1rem;margin:0 0 8px}.section-info p{color:#666;line-height:1.5;margin:0 0 10px}.section-meta{display:flex;flex-wrap:wrap;gap:10px}.section-order{background:#e9ecef;color:#495057}.free-badge,.section-order{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.free-badge{background:#d4edda;color:#155724}.video-badge{background:#fff3cd;color:#856404}.content-badge,.video-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.content-badge{background:#f3e5f5;color:#7b1fa2}.section-actions{justify-content:flex-end}.view-questions-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.view-questions-btn:hover{background-color:#138496;transform:translateY(-1px)}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:12px}@media (max-width:768px){.course-detail{padding:10px}.course-detail-header{align-items:flex-start;flex-direction:column;gap:10px}.course-detail-header h2{font-size:1.5rem}.course-meta{gap:10px;grid-template-columns:1fr}.section-header{flex-direction:column;gap:10px}.section-meta{flex-direction:column;gap:5px}.section-actions{justify-content:center}}.content-manager{background:#f8f9fa;color:#333;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.back-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.back-btn:hover{background:#5a6268}.header h2{color:#007bff;font-size:28px;margin:0}.message{border-radius:5px;font-weight:700;padding:15px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.sections-container{grid-gap:20px;display:grid;gap:20px}.section-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.section-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#007bff;font-size:20px;margin:0}.add-content-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:transform .2s}.add-content-btn:hover{box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.section-actions{display:flex;gap:10px}.add-question-btn{background:linear-gradient(135deg,#28a745,#1e7e34);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:transform .2s}.add-question-btn:hover{box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.content-list{grid-gap:15px;display:grid;gap:15px}.questions-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.questions-section h4{color:#28a745;font-size:16px;font-weight:700;margin:0 0 15px}.question-item{border-left:4px solid #28a745}.content-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:box-shadow .2s}.content-item:hover{box-shadow:0 2px 8px #0000001a}.content-info{flex:1 1}.content-info h4{color:#333;font-size:16px;margin:5px 0}.content-info p{color:#666;font-size:14px;margin:5px 0}.content-type{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:8px;padding:4px 8px}.content-type.bg-red-500{background:#dc3545}.content-type.bg-blue-500{background:#007bff}.content-type.bg-green-500{background:#28a745}.content-type.bg-gray-500{background:#6c757d}.premium-badge{background:#ffc107;color:#212529}.free-badge,.premium-badge{border-radius:3px;font-size:10px;font-weight:700;margin-left:10px;padding:2px 6px}.free-badge{background:#28a745;color:#fff}.content-actions{display:flex;gap:10px}.delete-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:8px 15px;transition:background .3s}.no-content{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:40px;text-align:center}.add-content-form{background:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:30px}.form-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.form-header h3{color:#007bff;font-size:24px;margin:0}.cancel-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .3s}.cancel-btn:hover{background:#5a6268}.form-group label{color:#495057;font-size:14px;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #007bff40}.checkbox-group{display:flex;flex-wrap:wrap;gap:20px}.checkbox-group label{color:#495057;font-weight:400}.checkbox-group input[type=checkbox]{width:auto}.form-actions{border-top:1px solid #e9ecef}.save-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:transform .2s}.save-btn:hover{box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.loading{color:#007bff;font-size:18px;padding:50px;text-align:center}.question-fields{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:20px}.question-fields h4{color:#007bff;font-size:16px;margin-bottom:15px}.field-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}@media (max-width:768px){.field-row{grid-template-columns:1fr}}.upload-preview{background:#f0f8ff;border:1px solid #87ceeb;border-radius:4px;margin-top:10px;padding:10px}.upload-preview p{color:#2c5aa0;font-size:12px;margin:5px 0}.course-management{margin:0 auto;max-width:1200px;padding:20px}.course-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.course-management-header h2{color:#333;font-size:32px;margin:0}.create-course-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease}.create-course-btn:hover{transform:translateY(-2px)}.message{background:#4caf50;color:#fff;padding:12px}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.course-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.course-image{background:#f8f9fa;height:200px;overflow:hidden}.course-image img{height:100%;object-fit:cover;width:100%}.course-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.course-content{padding:20px}.course-content h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.course-instructor{color:#666;font-size:14px;margin:0 0 12px}.course-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;line-height:1.5;margin:0 0 15px;overflow:hidden}.course-details{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.course-category,.course-duration,.course-price{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.course-category{background:#e3f2fd;color:#1976d2}.course-price{background:#e8f5e8;color:#2e7d32}.course-duration{background:#fff3e0;color:#f57c00}.course-actions{display:flex;gap:10px}.delete-btn,.edit-btn,.manage-content-btn,.view-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2}.manage-content-btn{background:#9c27b0;color:#fff}.manage-content-btn:hover{background:#7b1fa2}.delete-btn{background:#f44336}.delete-btn:hover{background:#d32f2f}.no-courses{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;grid-column:1/-1;padding:60px 20px;text-align:center}.no-courses p{color:#666;font-size:18px;margin:0}@media (max-width:768px){.course-management-header{align-items:stretch;flex-direction:column;gap:15px}.create-course-btn{width:100%}.courses-grid{grid-template-columns:1fr}.course-actions{flex-direction:column}}.question-template{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.template-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.template-header h2{color:#333;font-size:2rem;margin-bottom:8px}.template-header p{color:#666;font-size:1.1rem}.template-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px}.tab-button{background:#f8f9fa;border:none;border-radius:8px;color:#666;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#007bff;color:#fff}.tab-content,.template-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:25px}.form-section h3{border-bottom:2px solid #dee2e6;color:#333;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border-radius:8px;color:#333!important;display:block;min-height:44px;padding:12px 16px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group input[type=url]{background-color:#fff!important;border:2px solid #cbd5e0!important;color:#333!important;opacity:1!important;visibility:visible!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important}.form-group select{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;border:2px solid #cbd5e0!important}.form-group select,.form-group textarea{background-color:#fff!important;color:#333!important}.form-group textarea{min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0!important;opacity:1!important}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#a0aec0!important;opacity:1!important}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#a0aec0!important;opacity:1!important}.checkbox-group{align-items:center;flex-direction:row;gap:10px}.checkbox-group input[type=checkbox]{height:18px;margin:0;width:18px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.form-actions{border-top:2px solid #f0f0f0}.btn-primary,.btn-secondary{border-radius:8px;font-size:1rem;padding:12px 30px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #007bff4d}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}@media (max-width:768px){.question-template{margin:10px;padding:15px}.template-tabs{flex-direction:column}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.code-editor{background:#1e1e1e;border:2px solid #333;border-radius:8px;box-sizing:border-box;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;padding:20px;width:100%}.code-editor:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.language-tabs-container{margin-top:15px}.language-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:5px;margin-bottom:10px}.language-tab-btn{background:#f8f9fa;border:none;border-radius:4px 4px 0 0;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.language-tab-btn:hover{background:#e9ecef}.language-tab-btn.active-java{background:#007bff;color:#fff}.language-tab-btn.active-solution{background:#28a745;color:#fff}.form-help{color:#666;display:block;font-size:.85rem;line-height:1.4;margin-bottom:10px}.form-help strong{color:#333}.form-group small{color:#6c757d;display:block;font-size:.85rem;line-height:1.3;margin-top:4px}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd;font-style:italic}.form-group label:has(+input[required]):after,.form-group label:has(+textarea[required]):after{color:#dc3545;content:" *";font-weight:700}.question-package-management{margin:0 auto;max-width:1200px;padding:20px}.management-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.management-header h2{color:#333;margin:0}.create-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.create-btn:hover{background:#0056b3}.message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:20px;padding:12px 20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px}.packages-section,.questions-section,.sections-section{margin-bottom:40px}.packages-section h3,.questions-section h3,.sections-section h3{border-bottom:2px solid #e9ecef;color:#333;margin-bottom:20px;padding-bottom:10px}.question-header,.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.packages-grid,.questions-grid,.sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.package-card,.question-card,.section-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.package-card:hover,.question-card:hover,.section-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.package-header,.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.package-header h4,.question-header h4,.section-card h4{color:#333;font-size:1.1rem;margin:0}.package-description,.question-description,.section-description{color:#666;line-height:1.5;margin-bottom:15px}.package-details,.question-details{display:flex;flex-direction:column;font-size:.9rem;gap:8px;margin-bottom:15px}.package-details span,.question-details span{color:#555}.package-actions,.question-actions,.section-actions{display:flex;flex-wrap:wrap;gap:10px}.delete-btn,.edit-btn,.view-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.view-btn{background:#17a2b8;color:#fff}.view-btn:hover{background:#138496}.edit-btn{background:#ffc107;color:#212529}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.difficulty-badge{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.difficulty-badge.green{background:#d4edda;color:#155724}.difficulty-badge.blue{background:#d1ecf1;color:#0c5460}.difficulty-badge.orange{background:#fff3cd;color:#856404}.difficulty-badge.red{background:#f8d7da;color:#721c24}.package-form,.section-form{max-width:600px}.package-form h3,.section-form h3{color:#333;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:6px;box-sizing:border-box;color:#333;font-size:1rem;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-actions{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}@media (max-width:768px){.management-header{align-items:stretch;flex-direction:column;gap:15px}.form-row,.packages-grid,.questions-grid,.sections-grid{grid-template-columns:1fr}.package-actions,.question-actions,.section-actions{flex-direction:column}.modal-content{margin:20px;padding:20px}}.question-actions{display:flex;gap:10px;margin-top:15px}.no-questions{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px;text-align:center}.no-questions p{font-size:16px;margin:0}.admin-panel{background:#f8fafc;color:#1e293b;margin:0 auto;max-width:1400px;min-height:100vh;padding:120px 20px 20px;position:relative}.admin-panel h2{color:#1e293b;font-size:36px;font-weight:700;letter-spacing:-.025em;margin-bottom:40px;text-align:center}.admin-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;justify-content:center;margin-bottom:40px;padding:8px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#475569}.tab-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.message{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#166534;font-weight:500;margin-bottom:24px;padding:16px;text-align:center}.admin-sections{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:32px;transition:all .2s ease}.section:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:22px;font-weight:700;gap:12px;margin-bottom:24px;padding-bottom:16px}.section h3:before{background:#3b82f6;border-radius:2px;content:"";height:24px;width:4px}.articles-grid{grid-gap:20px;display:grid;gap:20px}.article-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.article-card:before{background:#3b82f6;border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.article-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.article-card h4{color:#1e293b;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:16px}.article-card p{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin:8px 0}.article-card p strong{color:#475569;font-weight:600;min-width:80px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.status-badge.orange{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.status-badge.green{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.red{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.article-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:20px;padding-top:20px}.approve-btn,.preview-btn,.reject-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;text-align:center;transition:all .2s ease}.approve-btn{background:#10b981;border:1px solid #10b981;color:#fff}.approve-btn:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.reject-btn{background:#ef4444;border:1px solid #ef4444;color:#fff}.reject-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.preview-btn{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.preview-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.section p:only-child{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#94a3b8;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:1024px){.admin-sections{gap:24px;grid-template-columns:1fr}.section{padding:24px}}@media (max-width:768px){.admin-panel{padding:80px 16px 16px}.admin-panel h2{font-size:28px;margin-bottom:32px}.admin-tabs{flex-wrap:wrap;gap:6px;margin-bottom:32px}.tab-btn{flex:1 1;font-size:14px;min-width:120px;padding:10px 20px}.section{padding:20px}.article-actions{flex-direction:column;gap:8px}.approve-btn,.reject-btn{width:100%}.article-card{padding:20px}}@media (max-width:480px){.admin-panel{padding:70px 12px 12px}.admin-panel h2{font-size:24px}.article-card,.section{padding:16px}}.admin-header{margin-bottom:40px;text-align:center}.admin-subtitle{color:#64748b;font-size:18px;font-weight:400;margin-top:8px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.loading-text{color:#64748b;font-size:18px;font-weight:500}.empty-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state p{color:#64748b;font-size:16px;font-weight:500;margin-bottom:8px}.empty-state small{color:#94a3b8;font-size:14px}.article-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.article-header h4{flex:1 1;margin-bottom:0}.article-meta{margin-bottom:16px}.article-meta p{margin:6px 0}.status-badge{flex-shrink:0;white-space:nowrap}.tab-btn{overflow:hidden;position:relative}.tab-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-btn:hover:before{left:100%}.article-card{overflow:hidden;position:relative}.article-card:after{background:linear-gradient(135deg,#0000,#3b82f605);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.article-card:hover:after{opacity:1}.approve-btn,.reject-btn{overflow:hidden;position:relative}.approve-btn:before,.reject-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.approve-btn:hover:before,.reject-btn:hover:before{height:200px;width:200px}.section h3{position:relative}.section h3:after{background:#3b82f6;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.section:hover h3:after{width:100%}.preview-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:95vh;max-width:900px;overflow:hidden;width:95%}.preview-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.preview-header h3{align-items:center;color:#1f2937;display:flex;font-size:22px;font-weight:700;gap:8px;margin:0}.preview-header h3:before{content:"👁️";font-size:20px}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#e2e8f0;color:#1e293b}.preview-content{background:#fff;flex:1 1;max-height:calc(95vh - 140px);overflow-y:auto;padding:32px}.preview-meta h2{word-wrap:break-word;color:#1e293b;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 16px;overflow-wrap:break-word}.preview-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:20px}.preview-details span{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#4b5563;font-size:15px;font-weight:500;overflow-wrap:break-word;padding:8px 12px}.preview-body h4{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px;padding-bottom:8px}.preview-body h4:before{content:"📄";font-size:16px}.article-content{word-wrap:break-word;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word;overflow-x:auto;padding:32px}.article-content,.article-content *{color:#1f2937!important;max-width:100%}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{word-wrap:break-word;color:#111827!important;font-weight:700;margin-bottom:1rem;margin-top:2rem;overflow-wrap:break-word}.article-content h1{border-bottom:2px solid #e5e7eb;font-size:2rem;padding-bottom:.5rem}.article-content h2{color:#374151!important;font-size:1.5rem}.article-content h3{color:#4b5563!important;font-size:1.25rem}.article-content p{font-size:16px;line-height:1.7}.article-content ol,.article-content p,.article-content ul{word-wrap:break-word;color:#374151!important;margin-bottom:1.5rem;overflow-wrap:break-word}.article-content ol,.article-content ul{padding-left:1.5rem}.article-content li{word-wrap:break-word;color:#374151!important;line-height:1.6;margin-bottom:.5rem;overflow-wrap:break-word}.article-content blockquote{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;color:#4b5563!important;font-style:italic;overflow-wrap:break-word}.article-content blockquote,.article-content pre{word-wrap:break-word;margin:1.5rem 0;padding:1rem}.article-content pre{background:#1f2937;border-radius:8px;max-width:100%;overflow-x:auto;white-space:pre-wrap}.article-content code{word-wrap:break-word;background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;max-width:100%;overflow-wrap:break-word;padding:.2rem .4rem}.article-content strong{color:#111827!important;font-weight:700}.article-content em{color:#4b5563!important;font-style:italic}.preview-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:24px;padding-top:24px}.close-btn-secondary{background:#6b7280;border:1px solid #6b7280;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.close-btn-secondary:hover{background:#4b5563;border-color:#4b5563;transform:translateY(-1px)}@media (max-width:768px){.preview-modal{margin:10px;max-height:95vh;max-width:98%;width:98%}.preview-content{max-height:calc(95vh - 120px);padding:20px}.preview-details{gap:12px;padding:16px}.preview-actions,.preview-details{flex-direction:column}.article-content{font-size:15px;padding:20px}.preview-meta h2{font-size:20px}.preview-header{padding:20px}.preview-header h3{font-size:18px}.preview-body h4{font-size:16px}}.code-smell-detector{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:10px 0;overflow:hidden;position:relative;transition:all .3s ease}.code-smell-detector.compact{min-height:60px}.detector-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}.detector-header,.header-left{align-items:center;display:flex}.header-left{font-size:16px;font-weight:600;gap:10px}.detector-icon{animation:pulse 2s infinite;font-size:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header-right{align-items:center;display:flex;gap:15px}.score-badge{align-items:baseline;background:#fff3;border:2px solid;border-radius:20px;display:flex;gap:3px;padding:5px 12px}.score-value{font-size:24px;font-weight:700}.score-label{font-size:12px;opacity:.8}.toggle-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;transition:transform .3s}.rating-badge{border-bottom:1px solid #eee;font-size:16px;font-weight:600;padding:10px;text-align:center}.detector-content{padding:20px}.analyzing-message,.waiting-message{color:#666;font-size:14px;padding:20px;text-align:center}.analyzing-message{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.smells-list h4{color:#333;font-size:16px;margin:0 0 15px}.smell-item{background:#f9f9f9;border-left:4px solid;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .3s}.smell-item:hover{background:#f0f0f0;transform:translateX(5px)}.smell-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.smell-icon{font-size:18px}.smell-type{color:#333;flex:1 1;font-weight:600}.smell-severity{background:#0000000d;border-radius:12px;font-size:12px;font-weight:600;padding:3px 8px;text-transform:uppercase}.smell-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:8px}.smell-fix{background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:13px;margin-top:8px;padding:10px}.smell-fix strong{color:#1b5e20}.no-smells{color:#4caf50;padding:30px;text-align:center}.success-icon{display:block;font-size:48px;margin-bottom:10px}.suggestions{border-top:2px solid #eee;margin-top:20px;padding-top:20px}.suggestions h4{color:#333;font-size:16px;margin:0 0 12px}.suggestions ul{margin:0;padding-left:25px}.suggestions li{color:#666;font-size:14px;line-height:1.6;margin-bottom:8px}.smell-clouds{height:100px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:60px}.smell-cloud{animation:float 3s ease-in-out infinite;font-size:30px;opacity:.6;position:absolute}.perfume-effect{height:100px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:60px}.sparkle{animation:sparkle 2s ease-in-out infinite;font-size:20px;position:absolute}.sparkle:first-child{animation-delay:0s;left:20%}.sparkle:nth-child(2){animation-delay:.7s;left:50%}.sparkle:nth-child(3){animation-delay:1.4s;left:80%}@keyframes sparkle{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}@media (max-width:768px){.detector-header{padding:12px 15px}.header-left{font-size:14px}.score-value{font-size:20px}.detector-content{padding:15px}.smell-item{padding:12px}}.ghost-coding-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.ghost-coding-modal{background:#1e1e1e;border:2px solid #444;border-radius:15px;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.ghost-coding-header{align-items:center;background:#2d2d30;border-bottom:2px solid #444;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.ghost-coding-header h2{font-size:24px;font-weight:600;margin:0}.ghost-coding-content{display:flex;height:calc(90vh - 80px);overflow:hidden}.sessions-sidebar{background:#252526;border-right:1px solid #444;display:flex;flex-direction:column;overflow-y:auto;width:300px}.sessions-sidebar h3{background:#2d2d30;border-bottom:1px solid #444;color:#fff;font-size:16px;margin:0;padding:15px 20px;position:sticky;top:0;z-index:10}.sessions-list{flex:1 1;overflow-y:auto}.session-item{border-bottom:1px solid #3e3e42;cursor:pointer;padding:15px;transition:all .3s}.session-item:hover{background:#2d2d30}.session-item.active{background:#37373d;border-left:3px solid #007acc}.session-user{align-items:center;color:#fff;display:flex;font-weight:500;gap:8px;margin-bottom:10px}.user-icon{font-size:18px}.username{font-size:14px}.session-stats{display:flex;gap:12px;margin-bottom:8px}.stat{align-items:center;color:#ccc;display:flex;font-size:12px;gap:4px}.stat-icon{font-size:14px}.session-language{background:#007acc;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.no-sessions{color:#888;padding:40px 20px;text-align:center}.no-sessions p{font-size:13px;margin:5px 0}.playback-area{background:#1e1e1e;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.playback-info{background:#2d2d30;border-bottom:1px solid #444;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;padding:15px 20px}.info-item{align-items:center;display:flex;gap:8px}.info-label{color:#888;font-size:12px;text-transform:uppercase}.info-value{color:#fff;font-size:14px;font-weight:600}.info-value.score,.info-value.success{color:#4caf50}.info-value.fail{color:#f44336}.editor-container{background:#1e1e1e;flex:1 1;overflow:hidden}.playback-controls{align-items:center;background:#2d2d30;border-top:1px solid #444;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 20px}.control-buttons{display:flex;gap:10px}.control-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.control-btn.play{background:linear-gradient(135deg,#4caf50,#45a049)}.control-btn.pause{background:linear-gradient(135deg,#ff9800,#fb8c00)}.control-btn.reset{background:linear-gradient(135deg,#2196f3,#1976d2)}.control-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.speed-control{align-items:center;display:flex;gap:8px}.speed-control label{color:#aaa;font-size:13px}.speed-btn{background:#3e3e42;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s}.speed-btn:hover{background:#4e4e52}.speed-btn.active{background:#007acc;border-color:#007acc;color:#fff}.progress-info{color:#aaa;font-size:13px}.action-buttons{background:#252526;border-top:1px solid #444;display:flex;justify-content:center;padding:15px 20px}.like-btn{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s}.like-btn:hover{box-shadow:0 5px 20px #e91e6366;transform:scale(1.05)}.no-playback{align-items:center;color:#888;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.ghost-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:20px;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.no-playback h3{color:#fff;font-size:24px;margin:15px 0}.no-playback p{font-size:14px;margin:8px 0;max-width:400px}.loading-text{color:#888;font-size:13px;padding:20px;text-align:center}@media (max-width:1024px){.ghost-coding-content{flex-direction:column}.sessions-sidebar{border-bottom:1px solid #444;border-right:none;max-height:200px;width:100%}.session-item{align-items:center;display:flex;justify-content:space-between}.playback-controls{align-items:stretch;flex-direction:column}.control-buttons{justify-content:center}}@media (max-width:768px){.ghost-coding-modal{border-radius:0;max-height:100vh;max-width:100%}.ghost-coding-header h2{font-size:18px}.editor-container{height:300px}}.App{text-align:center}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:colors .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.card-hover-3d:hover{box-shadow:0 25px 50px #0003;transform:translateY(-12px) rotateX(5deg) rotateY(5deg)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) scale(1.05)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-ring{0%{transform:scale(.33)}40%,50%{opacity:1}to{opacity:0;transform:scale(1.33)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse-ring{animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite}.text-shadow{text-shadow:0 2px 4px #0000001a}.text-shadow-lg{text-shadow:0 4px 8px #00000026}.text-shadow-xl{text-shadow:0 8px 16px #0003}.border-gradient{border:2px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1}.border-gradient-hover:hover{border-image:linear-gradient(135deg,#5a67d8,#6b46c1) 1}.shadow-glow{box-shadow:0 0 20px #667eea4d}.shadow-glow-hover:hover{box-shadow:0 0 30px #667eea80}.bg-mesh{background-image:radial-gradient(at 40% 20%,#ffb87a 0,#0000 50%),radial-gradient(at 80% 0,#1fddff 0,#0000 50%),radial-gradient(at 0 50%,#ffdbde 0,#0000 50%),radial-gradient(at 80% 50%,#ff85ad 0,#0000 50%),radial-gradient(at 0 100%,#c28aff 0,#0000 50%),radial-gradient(at 80% 100%,#6b66ff 0,#0000 50%),radial-gradient(at 0 0,#ff85a7 0,#0000 50%)}.hover-lift:hover{transform:translateY(-4px)}.hover-lift:hover,.hover-scale:hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate:hover{transform:rotate(5deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.focus-ring:focus{box-shadow:0 0 0 3px #667eea80;outline:none}.focus-ring-2:focus{box-shadow:0 0 0 3px #667eea4d,0 0 0 6px #667eea1a;outline:none}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.backdrop-blur-xs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-2xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-3xl{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.text-gradient-secondary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text}.text-gradient-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text}.nav-link{position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;transition:all .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tooltip{cursor:help;position:relative}.tooltip:before{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:14px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.tooltip:hover:before{opacity:1}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}
/*# sourceMappingURL=main.17a069c4.css.map*/