@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7c3aed;--secondary-800: #6b21a8;--secondary-900: #581c87;--success-50: #ecfdf5;--success-500: #10b981;--success-700: #047857;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-700: #b45309;--error-50: #fef2f2;--error-500: #ef4444;--error-700: #b91c1c;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--text-light: var(--gray-400);--text-accent: var(--primary-600);--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-card: #ffffff;--bg-hover: var(--gray-50);--bg-overlay: rgba(15, 23, 42, .8);--border-color: var(--gray-200);--border-light: var(--gray-100);--border-accent: var(--primary-500);--border-focus: var(--primary-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 0 3px rgba(59, 130, 246, .2);--shadow-glow-lg: 0 0 30px rgba(59, 130, 246, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2rem);--spacing-xl: clamp(2rem, 5vw, 3rem);--spacing-2xl: clamp(3rem, 6vw, 4rem);--spacing-3xl: clamp(4rem, 8vw, 6rem);--font-sans: "Inter", "Open Sans", "Roboto", "Lato", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif: "Merriweather", "Source Serif Pro", "Crimson Text", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", "Source Code Pro", "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-heading: "Inter", "Poppins", "Open Sans", system-ui, -apple-system, sans-serif;--font-body: "Inter", "Open Sans", "Source Sans Pro", system-ui, -apple-system, sans-serif;--font-reading: "Merriweather", "Source Serif Pro", "Georgia", serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: clamp(.75rem, 2vw, .875rem);--text-sm: clamp(.875rem, 2.5vw, 1rem);--text-base: clamp(1rem, 3vw, 1.125rem);--text-lg: clamp(1.125rem, 3.5vw, 1.25rem);--text-xl: clamp(1.25rem, 4vw, 1.5rem);--text-2xl: clamp(1.5rem, 5vw, 2rem);--text-3xl: clamp(2rem, 6vw, 2.5rem);--text-4xl: clamp(2.5rem, 7vw, 3.5rem);--text-5xl: clamp(3rem, 8vw, 4rem);--text-6xl: clamp(4rem, 10vw, 6rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-max: 2147483647}.blog-content,.blog-content *,.blog-content div,.blog-content section,.blog-content article{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--text-primary)!important;background-color:transparent!important}.blog-content p,.blog-content li,.blog-content span,.blog-content div{color:var(--text-secondary)!important;background-color:transparent!important}.blog-content a,.blog-content a:link,.blog-content a:visited{color:var(--text-accent)!important;background-color:transparent!important}.blog-content a:hover{color:var(--primary-700)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:var(--leading-relaxed);font-family:var(--font-ui);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"case" 1,"frac" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-variant-numeric:oldstyle-nums proportional-nums}.blog-content{width:min(100%,1200px);margin:0 auto;padding:var(--spacing-md);font-family:var(--font-body);line-height:var(--leading-relaxed);color:var(--text-primary)!important;background:var(--bg-primary)!important;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);font-size:var(--text-base);border:1px solid var(--border-color);position:relative;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;animation:fadeInScale var(--duration-700) var(--ease-out)}@media (min-width: 640px){.blog-content{padding:var(--spacing-lg)}}@media (min-width: 1024px){.blog-content{padding:var(--spacing-xl)}}@media (min-width: 1280px){.blog-content{padding:var(--spacing-2xl)}}.blog-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);position:relative;animation:slideInFromTop var(--duration-700) var(--ease-back)}.blog-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(200px,60%);height:3px;background:linear-gradient(90deg,transparent,var(--primary-500),var(--secondary-500),transparent);border-radius:var(--radius-full)}.blog-title{font-size:var(--text-4xl);font-weight:900;line-height:var(--leading-tight);color:var(--text-primary)!important;margin:0 0 var(--spacing-md) 0;font-family:var(--font-heading);letter-spacing:-.025em;background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-600) 50%,var(--primary-700) 100%)!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% 300%;animation:gradientShift var(--duration-1000) ease-in-out infinite alternate}@supports not (-webkit-background-clip: text){.blog-title{color:var(--text-primary)!important}}@media (max-width: 640px){.blog-title{font-size:var(--text-3xl);line-height:var(--leading-snug)}}.blog-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)!important;margin-top:var(--spacing-md)}.blog-meta span{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;padding:var(--space-2) var(--space-4);background:var(--bg-secondary)!important;border-radius:var(--radius-full);transition:all var(--duration-200) var(--ease-out);border:1px solid var(--border-color);position:relative;overflow:hidden}.blog-meta span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--duration-300) var(--ease-out)}.blog-meta span:hover{background:var(--bg-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-meta span:hover:before{left:100%}.blog-meta .author{color:var(--primary-600)!important;font-weight:600}.blog-meta .date{color:var(--text-secondary)!important}.blog-meta .reading-time{color:var(--text-muted)!important}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--text-primary)!important;font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);scroll-margin-top:var(--spacing-xl);letter-spacing:-.025em;animation:slideInFromLeft var(--duration-500) var(--ease-out);position:relative}.blog-content h1{font-size:var(--text-5xl);font-weight:900;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:relative;border-bottom:2px solid var(--border-color)}.blog-content h1:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-full);animation:expandWidth var(--duration-700) var(--ease-out) var(--duration-300)}.blog-content h2{font-size:var(--text-3xl);margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;padding-left:var(--space-4);border-left:4px solid var(--primary-500);position:relative}.blog-content h2:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--primary-400),var(--primary-600),var(--primary-800));border-radius:var(--radius-sm)}.blog-content h3{font-size:var(--text-2xl);color:var(--text-primary)!important;margin:var(--spacing-xl) 0 var(--spacing-md) 0}.blog-content h4{font-size:var(--text-xl);color:var(--text-secondary)!important;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.blog-content h5,.blog-content h6{font-size:var(--text-lg);color:var(--text-muted)!important;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.blog-content p{margin-bottom:var(--spacing-lg);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)!important;text-align:justify;text-justify:inter-word;hanging-punctuation:first last;font-family:var(--font-reading);font-feature-settings:"kern" 1,"liga" 1,"calt" 1}.blog-content p:first-of-type{font-size:var(--text-lg);font-weight:500;color:var(--text-primary)!important;margin-bottom:var(--spacing-xl);position:relative;padding-left:var(--space-4)}.blog-content p:first-of-type:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-500),var(--secondary-500));border-radius:var(--radius-full)}@media (max-width: 640px){.blog-content p{text-align:left;font-size:var(--text-sm)}.blog-content h1{font-size:var(--text-3xl)}.blog-content h2{font-size:var(--text-2xl)}.blog-content h3{font-size:var(--text-xl)}.blog-content h4{font-size:var(--text-lg)}}.blog-content ol,.blog-content ul{margin:var(--spacing-lg) 0;padding-left:var(--space-8);color:var(--text-secondary)!important}.blog-content ol li,.blog-content ul li{margin-bottom:var(--spacing-md);font-size:var(--text-base);line-height:var(--leading-relaxed);position:relative;transition:all var(--duration-200) var(--ease-out);color:var(--text-secondary)!important;cursor:default}.blog-content ol li:hover,.blog-content ul li:hover{color:var(--text-primary)!important;transform:translate(6px);padding-left:var(--space-2)}.blog-content ol{counter-reset:item}.blog-content ol li{counter-increment:item;list-style:none;padding-left:var(--space-4)}.blog-content ol li:before{content:counter(item);position:absolute;left:calc(-1 * var(--space-8));top:0;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-weight:700;font-size:var(--text-xs);width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--duration-200) var(--ease-out)}.blog-content ol li:hover:before{transform:scale(1.1);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600))}.blog-content ul li{list-style:none;padding-left:var(--space-4)}.blog-content ul li:before{content:"→";color:var(--primary-500);font-size:var(--text-base);font-weight:700;position:absolute;left:calc(-1 * var(--space-8));top:0;transition:all var(--duration-200) var(--ease-out);width:20px;display:flex;align-items:center;justify-content:center}.blog-content ul li:hover:before{color:var(--secondary-600);transform:scale(1.2) translate(2px)}.blog-content img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--spacing-xl) 0;transition:all var(--duration-300) var(--ease-out);border:1px solid var(--border-light);-o-object-fit:cover;object-fit:cover;loading:lazy;decoding:async;position:relative;overflow:hidden}.blog-content img:hover{transform:scale(1.02) translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--primary-200)}.blog-content figure{margin:var(--spacing-xl) 0;text-align:center;position:relative}.blog-content figure img{margin-bottom:var(--spacing-sm)}.blog-content figcaption{font-size:var(--text-sm);color:var(--text-muted)!important;font-style:italic;padding:0 var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);margin-top:var(--space-2);border:1px solid var(--border-color)}.blog-content table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-xl) 0;font-size:var(--text-sm);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card)!important;border:1px solid var(--border-color);position:relative}.blog-content table-wrapper{overflow-x:auto;margin:var(--spacing-xl) 0;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);scrollbar-width:thin;scrollbar-color:var(--primary-200) var(--bg-secondary)}.blog-content table-wrapper::-webkit-scrollbar{height:8px}.blog-content table-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-lg)}.blog-content table-wrapper::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-lg);-webkit-transition:background var(--duration-200);transition:background var(--duration-200)}.blog-content table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.blog-content th,.blog-content td{padding:var(--space-4) var(--space-6);text-align:left;border-bottom:1px solid var(--border-color);transition:all var(--duration-200) var(--ease-out);background:var(--bg-primary)!important;color:var(--text-secondary)!important;position:relative}.blog-content th{background:var(--bg-tertiary)!important;font-weight:600;color:var(--text-primary)!important;font-size:var(--text-sm);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:2px solid var(--primary-200)}.blog-content th:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-400),var(--secondary-400));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-300) var(--ease-out)}.blog-content th:hover:after{transform:scaleX(1)}.blog-content tbody tr{transition:all var(--duration-200) var(--ease-out)}.blog-content tbody tr:hover{background:var(--bg-hover)!important;transform:scale(1.01);box-shadow:var(--shadow-sm)}.blog-content tbody tr:hover td{color:var(--text-primary)!important}.blog-content code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-tertiary)!important;color:var(--primary-600)!important;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-color);font-weight:500;position:relative}.blog-content code:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 49%,rgba(59,130,246,.1) 50%,transparent 51%);border-radius:inherit;pointer-events:none}.blog-content pre{background:var(--gray-900)!important;border:1px solid var(--gray-700);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);position:relative;box-shadow:var(--shadow-xl)}.blog-content pre:before{content:"";position:absolute;top:var(--space-4);left:var(--space-4);width:12px;height:12px;border-radius:var(--radius-full);background:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27ca3f}.blog-content pre code{background:none!important;border:none;padding:0;color:var(--gray-200)!important;font-size:inherit;font-family:var(--font-mono);font-feature-settings:"liga" 1,"calt" 1}.blog-content pre code:before{display:none}.blog-content blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);border-left:4px solid var(--primary-500);background:linear-gradient(135deg,var(--primary-50),var(--secondary-50))!important;border-radius:0 var(--radius-xl) var(--radius-xl) 0;font-style:italic;font-size:var(--text-lg);color:var(--text-primary)!important;position:relative;border:1px solid var(--primary-200);box-shadow:var(--shadow-lg)}.blog-content blockquote:before{content:'"';font-size:6rem;color:var(--primary-200);position:absolute;top:-20px;left:var(--space-6);opacity:.5;font-family:var(--font-serif);line-height:1;pointer-events:none}.blog-content blockquote p{margin-bottom:var(--spacing-sm);text-align:left;color:var(--text-primary)!important;position:relative;z-index:1}.blog-content blockquote cite{display:block;text-align:right;margin-top:var(--spacing-md);font-size:var(--text-sm);color:var(--text-muted)!important;font-style:normal;font-weight:500}.blog-content blockquote cite:before{content:"— ";color:var(--primary-500)}.quiz-section{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-600) 50%,var(--primary-700) 100%)!important;padding:var(--spacing-xl);border-radius:var(--radius-3xl);margin:var(--spacing-2xl) 0;box-shadow:var(--shadow-2xl);position:relative;overflow:hidden;animation:slideInFromBottom var(--duration-700) var(--ease-back)}.quiz-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.quiz-question{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:rgba(255,255,255,.95)!important;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;animation:fadeInUp var(--duration-500) var(--ease-out)}.quiz-question:nth-child(n+2){animation-delay:calc(var(--duration-100) * var(--index, 1))}.quiz-question h3{font-size:var(--text-xl);color:var(--text-primary)!important;margin-bottom:var(--spacing-md);font-weight:600;line-height:var(--leading-snug)}.quiz-options{display:grid;gap:var(--space-3)}.quiz-option{padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#ffffff 0%,var(--gray-50) 100%)!important;border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-300) var(--ease-back);font-size:var(--text-base);font-weight:500;color:var(--text-secondary)!important;text-align:left;width:100%;min-height:60px;display:flex;align-items:center;position:relative;box-shadow:var(--shadow-sm);overflow:hidden;touch-action:manipulation}.quiz-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left var(--duration-500) var(--ease-out)}.quiz-option:hover{background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%)!important;border-color:var(--primary-400);transform:translateY(-3px) scale(1.02);color:var(--text-primary)!important;box-shadow:var(--shadow-xl)}.quiz-option:hover:before{left:100%}.quiz-option:active{transform:translateY(-1px) scale(.98);transition-duration:var(--duration-75)}.quiz-option:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-color:var(--primary-500);box-shadow:var(--shadow-glow)}.quiz-option.selected{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%)!important;border-color:var(--primary-500);color:var(--primary-900)!important;transform:scale(1.02);box-shadow:var(--shadow-lg);font-weight:600}.quiz-option.selected:after{content:"✓";position:absolute;right:var(--space-4);color:var(--primary-600);font-size:var(--text-xl);font-weight:700;animation:checkmarkBounce var(--duration-300) var(--ease-bounce)}.quiz-option.correct{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%)!important;border-color:var(--success-500);color:var(--success-900)!important;box-shadow:var(--shadow-xl);animation:correctPulse var(--duration-500) var(--ease-out)}.quiz-option.correct:after{content:"✓ Correct!";position:absolute;right:var(--space-4);color:var(--success-700);font-size:var(--text-sm);font-weight:700;animation:slideInFromRight var(--duration-300) var(--ease-out)}.quiz-option.incorrect{background:linear-gradient(135deg,var(--error-100) 0%,var(--error-200) 100%)!important;border-color:var(--error-500);color:var(--error-900)!important;box-shadow:var(--shadow-xl);animation:incorrectShake var(--duration-500) var(--ease-out)}.quiz-option.incorrect:after{content:"✗ Incorrect";position:absolute;right:var(--space-4);color:var(--error-700);font-size:var(--text-sm);font-weight:700;animation:slideInFromRight var(--duration-300) var(--ease-out)}.quiz-option.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.quiz-explanation{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--success-50) 0%,var(--primary-50) 100%)!important;border:1px solid var(--success-200);border-left:4px solid var(--success-500);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary)!important;animation:slideInFromTop var(--duration-300) var(--ease-out);box-shadow:var(--shadow-md)}.quiz-explanation strong{color:var(--success-800)!important;font-weight:600}.quiz-explanation ul,.quiz-explanation li{background:transparent!important}.quiz-explanation li:hover{transform:none!important}.quiz-results{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%)!important;border:2px solid var(--primary-400);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);text-align:center;position:relative;overflow:hidden}.quiz-results:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(59,130,246,.05),transparent);animation:shimmer 3s ease-in-out infinite}.quiz-score{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-600) 100%);color:#fff!important;font-size:var(--text-2xl);font-weight:800;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);margin:var(--spacing-md) 0;animation:scoreReveal var(--duration-1000) var(--ease-back);position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes expandWidth{0%{width:0;opacity:0}to{width:80px;opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes checkmarkBounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(180deg);opacity:.8}to{transform:scale(1) rotate(360deg);opacity:1}}@keyframes correctPulse{0%,to{transform:scale(1.02);box-shadow:var(--shadow-xl)}50%{transform:scale(1.05);box-shadow:var(--shadow-2xl)}}@keyframes incorrectShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes scoreReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{opacity:1;transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.recap-section{background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 50%,var(--success-50) 100%)!important;border:2px solid var(--primary-200);border-radius:var(--radius-2xl);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0;position:relative;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideInFromTop var(--duration-700) var(--ease-back)}.recap-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(59,130,246,.05),transparent);animation:shimmer 4s ease-in-out infinite;pointer-events:none}.recap-section h2{color:var(--primary-700)!important;font-size:var(--text-2xl)!important;font-weight:800!important;margin:0 0 var(--spacing-lg) 0!important;text-align:center;position:relative;z-index:1;line-height:var(--leading-tight)!important;text-shadow:0 2px 4px rgba(59,130,246,.1)}.recap-section h2:before{display:inline-block;margin-right:var(--space-3);font-size:1.2em;animation:pulse 2s ease-in-out infinite}.recap-section h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-full);animation:expandWidth var(--duration-500) var(--ease-out) var(--duration-200)}.recap-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:var(--space-4);position:relative;z-index:1}.recap-list li{background:rgba(255,255,255,.9)!important;border:1px solid var(--primary-200)!important;border-radius:var(--radius-xl)!important;padding:var(--space-5) var(--space-6)!important;margin:0!important;position:relative!important;transition:all var(--duration-300) var(--ease-back)!important;box-shadow:var(--shadow-sm)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-base)!important;line-height:var(--leading-relaxed)!important;color:var(--text-secondary)!important;display:flex!important;align-items:flex-start!important;gap:var(--space-3)!important;min-height:auto!important;transform:none!important;cursor:default}.recap-list li:before{content:"📌"!important;font-size:var(--text-lg)!important;flex-shrink:0!important;margin:0!important;padding:0!important;position:static!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;line-height:1!important;transition:transform var(--duration-200) var(--ease-out)!important}.recap-list li:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:var(--shadow-lg)!important;border-color:var(--primary-400)!important;background:rgba(255,255,255,.95)!important;color:var(--text-primary)!important}.recap-list li:hover:before{transform:scale(1.2) rotate(15deg)!important}.recap-list li:nth-child(1){animation:slideInFromLeft var(--duration-500) var(--ease-out) calc(var(--duration-100) * 1)}.recap-list li:nth-child(2){animation:slideInFromLeft var(--duration-500) var(--ease-out) calc(var(--duration-100) * 2)}.recap-list li:nth-child(3){animation:slideInFromLeft var(--duration-500) var(--ease-out) calc(var(--duration-100) * 3)}.recap-list li:nth-child(4){animation:slideInFromLeft var(--duration-500) var(--ease-out) calc(var(--duration-100) * 4)}.recap-list li:nth-child(5){animation:slideInFromLeft var(--duration-500) var(--ease-out) calc(var(--duration-100) * 5)}.recap-list li strong{color:var(--primary-700)!important;font-weight:700!important;background:none!important;position:relative}.recap-list li strong:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-400),transparent);border-radius:var(--radius-full);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-300) var(--ease-out)}.recap-list li:hover strong:after{transform:scaleX(1)}@media (max-width: 640px){.recap-section{padding:var(--spacing-md);margin:var(--spacing-lg) 0}.recap-section h2{font-size:var(--text-xl)!important;line-height:var(--leading-snug)!important}.recap-list{gap:var(--space-3)}.recap-list li{padding:var(--space-4) var(--space-4)!important;font-size:var(--text-sm)!important}.recap-list li:before{font-size:var(--text-base)!important}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 479px){.blog-content{padding:var(--spacing-sm);margin:var(--space-2);border-radius:var(--radius-xl)}.quiz-section{padding:var(--spacing-md);margin:var(--spacing-lg) 0}.quiz-option{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-height:48px}.quiz-score{font-size:var(--text-xl);padding:var(--space-3) var(--space-6)}}@media (min-width: 480px) and (max-width: 639px){.blog-content{padding:var(--spacing-md)}.blog-meta{justify-content:center;gap:var(--space-3)}}@media (min-width: 640px) and (max-width: 767px){.quiz-options{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width: 768px) and (max-width: 1023px){.blog-content{padding:var(--spacing-lg)}.quiz-section{padding:var(--spacing-xl)}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1024px){.blog-content{max-width:1200px;padding:var(--spacing-xl)}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-4)}}@media (min-width: 1440px){.blog-content{max-width:1400px;padding:var(--spacing-2xl)}}@media (prefers-contrast: high){.blog-content{border:2px solid var(--text-primary)}.quiz-option{border-width:2px}.blog-content h1:after,.blog-content h2:before{background:var(--text-primary)}}@media (prefers-color-scheme: dark){:root{--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--border-color: var(--gray-600)}}@media print{.blog-content{background:white!important;color:#000!important;box-shadow:none!important;border:1px solid black!important;border-radius:0!important;padding:2cm!important;max-width:none!important}.quiz-section{background:#f5f5f5!important;color:#000!important;box-shadow:none!important}.blog-content img{max-width:100%!important;page-break-inside:avoid;border-radius:0!important;box-shadow:none!important}.blog-content h1,.blog-content h2,.blog-content h3{page-break-after:avoid;color:#000!important}.quiz-option{-moz-column-break-inside:avoid;break-inside:avoid}}.blog-content a:focus-visible,.quiz-option:focus-visible,button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-md);transition:outline-color var(--duration-200) var(--ease-out)}.skip-to-content{position:absolute;top:-40px;left:var(--space-4);background:var(--primary-600);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;z-index:var(--z-max);transition:top var(--duration-200) var(--ease-out)}.skip-to-content:focus{top:var(--space-4)}.text-balance{text-wrap:balance}@supports (text-wrap: balance){.blog-content h1,.blog-content h2,.blog-content h3{text-wrap:balance}}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}@supports (container-type: inline-size){.blog-content{container-type:inline-size}@container (min-width: 768px){.quiz-options{grid-template-columns:repeat(2,1fr)}}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Fira Code,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}body{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));font-family:Inter,Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1));font-family:Inter,Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:var(--font-size-base);margin:0;padding:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;color:var(--text-accent);text-decoration:none}a:hover{color:var(--color-primary-light);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-lg);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) var(--bg-secondary)}::selection{background-color:var(--color-primary);color:#fff}::-moz-selection{background-color:var(--color-primary);color:#fff}.container{width:100%}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@media (min-width: 1920px){.container{max-width:1920px}}.card{background-color:#1f2937;border-radius:1rem;border:1px solid #374151;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040;border-color:#3b82f6}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-weight:600;font-size:var(--font-size-sm);padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);min-height:44px;min-width:44px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-secondary-hover) 100%)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.card{position:relative;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--border-accent)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.card:hover:before{transform:scaleX(1)}.nav-link{position:relative;color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-normal);min-height:44px;display:flex;align-items:center}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-hover);transform:translate(4px)}.nav-link:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:var(--color-primary);border-radius:var(--radius-sm);transform:translateY(-50%);transition:height var(--transition-normal)}.nav-link:hover:before{height:70%}.emoji{display:inline-block;font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.emoji:hover{transform:scale(1.2) rotate(5deg)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-10{top:-2.5rem;right:-2.5rem;bottom:-2.5rem;left:-2.5rem}.-inset-2{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-3{left:.75rem}.right-0{right:0}.right-1\/4{right:25%}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-3{top:.75rem}.top-3\/4{top:75%}.top-\[140px\]{top:140px}.top-full{top:100%}.-z-10{z-index:-10}.z-40{z-index:40}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.min-h-\[400px\]{min-height:400px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-3{row-gap:.75rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.75rem}.rounded-md{border-radius:.5rem}.rounded-xl{border-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/95{background-color:#111827f2}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from: rgb(59 130 246 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-purple-500\/20{--tw-gradient-to: rgb(168 85 247 / .2) var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-900{--tw-gradient-to: #581c87 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Inter,Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-gray-300::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(209 213 219 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-300::placeholder{--tw-placeholder-opacity: 1;color:rgb(209 213 219 / var(--tw-placeholder-opacity, 1))}.opacity-20{opacity:.2}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 10px 10px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.focus-ring:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.375rem}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}.animate-pulse-soft{animation:pulseSoft 2s cubic-bezier(.4,0,.6,1) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #111827}.touch-action-manipulation{touch-action:manipulation}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@media (max-width: 640px){.will-change-transform{will-change:transform}.animate-pulse-mobile{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.text-shadow-mobile{text-shadow:0 2px 4px rgba(0,0,0,.3)}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom))}}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #93c5fd;--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-hover: #4b5563;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-accent: #60a5fa;--border-primary: #374151;--border-secondary: #4b5563;--border-accent: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2rem);--spacing-xl: clamp(2rem, 5vw, 3rem);--spacing-2xl: clamp(3rem, 6vw, 4rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.875rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 3vw, 1.25rem);--font-size-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 4vw, 2rem);--font-size-3xl: clamp(2rem, 5vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 6vw, 3.5rem)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){.animate-pulse,.animate-bounce{animation:none}}@-o-viewport{width: device-width; zoom: 1;}@viewport{width:device-width;zoom:1}@media (max-width: 575px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.container{padding-left:1rem;padding-right:1rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}.articles-grid{grid-template-columns:1fr;gap:1rem}.nav-link{padding:1rem;font-size:1rem}}@media (min-width: 576px){.main-grid{grid-template-columns:1fr;gap:2rem}}@media (min-width: 768px){.main-grid{grid-template-columns:1fr 300px;gap:2.5rem}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mobile-menu{display:none}.desktop-menu{display:block}}@media (min-width: 992px){.main-grid{grid-template-columns:1fr 350px;gap:3rem}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1200px){.container{max-width:1200px;margin:0 auto}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1400px){.container{max-width:1400px}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media print{.nav-link,.btn-primary,.btn-secondary{color:#000!important;background:transparent!important;border:1px solid #000!important}.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-primary: #ffffff;--border-secondary: #ffffff;--text-muted: #e5e7eb}.card,.article-card{border-width:2px}}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-white\/40:focus{border-color:#fff6}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500\/20:focus{--tw-ring-color: rgb(59 130 246 / .2)}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-white\/30:focus{--tw-ring-color: rgb(255 255 255 / .3)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-blue-800:active{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.active\:bg-white\/30:active{background-color:#ffffff4d}.disabled\:bg-purple-400:disabled{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.disabled\:opacity-70:disabled{opacity:.7}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:-inset-4{top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-2{margin-top:.5rem}.sm\:mt-8{margin-top:2rem}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-20{height:5rem}.sm\:h-48{height:12rem}.sm\:h-5{height:1.25rem}.sm\:w-20{width:5rem}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:w-5{width:1.25rem}.sm\:w-auto{width:auto}.sm\:min-w-\[140px\]{min-width:140px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-4{gap:1rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pt-8{padding-top:2rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:h-24{height:6rem}.md\:h-64{height:16rem}.md\:w-24{width:6rem}.md\:w-64{width:16rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-end{justify-content:flex-end}.md\:p-8{padding:2rem}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-8xl{font-size:6rem;line-height:1}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-48{width:12rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-12{gap:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:text-left{text-align:left}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (hover: hover){.hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/40{border-color:#fff6}.hover\:bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20{background-color:#fff3}.hover\:text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.hover\:text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.hover\:text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.hover\:text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:no-underline{text-decoration-line:none}.hover\:shadow-2xl{--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl{--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 10px 10px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}