body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #dbeafe;--color-secondary: #0891b2;--color-secondary-dark: #0e7490;--color-secondary-light: #cffafe;--color-accent: #7c3aed;--color-accent-dark: #6d28d9;--color-accent-light: #ede9fe;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--space-16: 8rem;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-fast: 150ms ease-in-out;--transition-base: 250ms ease-in-out;--transition-slow: 350ms ease-in-out;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-content: 1200px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-tooltip: 1050;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-light: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%);--gradient-accent: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-accent-light) 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%);--gradient-success: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);--gradient-info: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--gradient-warning: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);--gradient-error: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);--gradient-pink: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%)}@media (prefers-color-scheme: dark){:root{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #1e3a8a;--color-secondary: #22d3ee;--color-secondary-dark: #06b6d4;--color-secondary-light: #164e63;--color-accent: #a78bfa;--color-accent-dark: #8b5cf6;--color-accent-light: #5b21b6;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-bg-primary: #1f2937;--color-bg-secondary: #111827;--color-bg-tertiary: #0f172a;--color-border: #374151;--color-border-light: #1f2937;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5);--gradient-hero: linear-gradient(135deg, #1e3a8a 0%, #164e63 100%);--gradient-primary: linear-gradient(135deg, #1e40af 0%, #0e7490 100%);--gradient-success: linear-gradient(135deg, #065f46 0%, #064e3b 100%);--gradient-info: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);--gradient-warning: linear-gradient(135deg, #92400e 0%, #78350f 100%);--gradient-pink: linear-gradient(135deg, #831843 0%, #701a75 100%)}}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-secondary: var(--color-text-primary);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.8);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.8)}}*{box-sizing:border-box}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-top:0;margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5);margin-top:var(--space-8)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);margin-top:var(--space-6)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}@media screen and (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}code{font-family:var(--font-family-mono);font-size:0.9em;background-color:var(--color-bg-tertiary);padding:0.2em 0.4em;border-radius:var(--radius-sm);color:var(--color-secondary-dark)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-5)}pre code{background:none;padding:0}ul,ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4)}@media screen and (min-width: 768px){.container{padding:0 var(--space-6)}}.section{padding:var(--space-8) 0}@media screen and (min-width: 768px){.section{padding:var(--space-12) 0}}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:1fr}@media screen and (min-width: 640px){.grid-cols-2{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 768px){.grid-cols-3{grid-template-columns:repeat(3, 1fr)}.grid-cols-4{grid-template-columns:repeat(4, 1fr)}}.workflow-step{position:relative;text-align:center;padding:var(--space-4);background:white;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column;align-items:center}.workflow-icon{width:64px;height:64px;background:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);color:var(--color-primary)}.workflow-arrow{display:none;color:var(--color-text-tertiary);margin:var(--space-2) 0}@media screen and (min-width: 768px){.workflow-arrow{display:block;position:absolute;top:50%;right:-20px;transform:translateY(-50%);z-index:1}.workflow-step:last-child .workflow-arrow{display:none}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.btn{display:inline-block;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;position:relative;will-change:transform}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover{background-color:var(--color-primary-dark);color:white}.btn-secondary{background-color:var(--color-secondary);color:white}.btn-secondary:hover{background-color:var(--color-secondary-dark);color:white}.btn-accent{background-color:var(--color-accent);color:white}.btn-accent:hover{background-color:var(--color-accent-dark);color:white}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:white}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%;display:flex;flex-direction:column;will-change:transform}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}.card-body{flex-grow:1;margin-bottom:var(--space-4)}.card-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:var(--font-size-2xl)}.card-icon-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.card-icon-secondary{background-color:var(--color-secondary-light);color:var(--color-secondary)}.card-icon-accent{background-color:var(--color-accent-light);color:var(--color-accent)}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover{text-decoration:none}.card-link .card{cursor:pointer}.card-link:hover .card-title{color:var(--color-primary)}.site-header{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg-primary)}@supports (backdrop-filter: blur(8px)){.site-header{backdrop-filter:blur(8px);background-color:rgba(255,255,255,0.95)}@media (prefers-color-scheme: dark){.site-header{background-color:rgba(31,41,55,0.95)}}}.site-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.site-title:hover{color:var(--color-primary);text-decoration:none}@media screen and (min-width: 600px){.site-nav{line-height:56px;white-space:nowrap}.site-nav .trigger{display:flex;align-items:center;flex-wrap:nowrap;gap:0}.site-nav .page-link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:1.5;display:inline-block;padding:var(--space-2) var(--space-3);margin-left:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.site-nav .page-link:first-child{margin-left:0}.site-nav .page-link:hover{background-color:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.dropdown{position:relative;display:inline-block}.dropdown>.page-link{cursor:pointer;padding-right:var(--space-5);position:relative}.dropdown>.page-link::after{content:"▾";font-size:0.8em;position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);transition:transform var(--transition-fast)}.dropdown:hover>.page-link::after{transform:translateY(-50%) rotate(180deg)}.dropdown-content{display:none;position:absolute;background-color:var(--color-bg-primary);min-width:220px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);border-radius:var(--radius-lg);padding:var(--space-2);left:0;top:100%;margin-top:var(--space-2);border:1px solid var(--color-border)}.dropdown::before{content:'';position:absolute;top:100%;left:0;right:0;height:var(--space-2);z-index:calc(var(--z-dropdown) - 1)}.dropdown-content a{color:var(--color-text-primary);padding:var(--space-3) var(--space-4);text-decoration:none;display:block;line-height:1.5;transition:all var(--transition-fast);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.dropdown-content a:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.dropdown:hover .dropdown-content{display:block;animation:fadeIn 0.2s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown:hover>.page-link{background-color:var(--color-primary-light);color:var(--color-primary)}.premium-link{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.dropdown:hover>.premium-link{color:var(--color-warning)}}@media screen and (max-width: 599px){.site-nav .trigger{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-2)}.dropdown{display:block}.dropdown>.page-link{display:block;padding:var(--space-3) var(--space-4);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.dropdown>.page-link:hover{background-color:var(--color-bg-tertiary)}.dropdown-content{display:none;background-color:var(--color-bg-secondary);padding-left:var(--space-4);margin-top:var(--space-2);border-radius:var(--radius-md)}.dropdown-content a{display:block;padding:var(--space-2) var(--space-4);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.dropdown-content a:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.dropdown.active .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}.dropdown>.page-link::after{content:" ▾";font-size:0.8em;float:right;transition:transform var(--transition-fast)}.dropdown.active>.page-link::after{transform:rotate(180deg)}}@media (prefers-color-scheme: dark){.site-header{background-color:var(--color-bg-primary) !important;border-bottom-color:var(--color-border) !important}@supports (backdrop-filter: blur(8px)){.site-header{background-color:rgba(31,41,55,0.95) !important}}.site-title,.site-header .site-title{color:var(--color-text-primary) !important}.site-title:hover,.site-header .site-title:hover{color:var(--color-primary) !important}.site-nav .page-link,.site-header .site-nav .page-link{color:var(--color-text-primary) !important}.site-nav .page-link:hover,.site-header .site-nav .page-link:hover{background-color:var(--color-primary-light) !important;color:var(--color-primary) !important}.premium-link,.site-nav .premium-link{color:var(--color-warning) !important}.dropdown:hover>.premium-link{color:var(--color-warning) !important}.dropdown-content{background-color:var(--color-bg-primary) !important;border-color:var(--color-border) !important}.dropdown-content a{color:var(--color-text-primary) !important}.dropdown-content a:hover{background-color:var(--color-primary-light) !important;color:var(--color-primary) !important}.site-nav .trigger{background-color:var(--color-bg-primary) !important}.menu-icon>svg{fill:var(--color-text-primary) !important}.dropdown>.page-link{color:var(--color-text-primary) !important}.dropdown>.page-link:hover{background-color:var(--color-bg-tertiary) !important}.dropdown-content{background-color:var(--color-bg-secondary) !important}}.hero{background:var(--gradient-hero);padding:var(--space-10) 0;text-align:center}@media screen and (min-width: 768px){.hero{padding:var(--space-16) 0}}.hero-title{font-size:var(--font-size-4xl);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px){.hero-title{font-size:var(--font-size-5xl)}}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.site-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-12)}.footer-content{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mb-4{margin-block-end:var(--space-4)}.mb-6{margin-block-end:var(--space-6)}.mb-8{margin-block-end:var(--space-8)}.mt-8{margin-block-start:var(--space-8)}.mt-12{margin-block-start:var(--space-12)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.border{border:1px solid var(--color-border)}.border-radius-lg{border-radius:var(--radius-lg)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.content-centered{max-width:800px;margin-inline:auto;text-align:center}.content-centered-wide{max-width:900px;margin-inline:auto}.content-centered-narrow{max-width:700px;margin-inline:auto}.header-wrapper{display:flex;justify-content:space-between;align-items:center}.bg-gradient-primary{background:var(--gradient-primary);color:white}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-info{background:var(--gradient-info)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-pink{background:var(--gradient-pink)}.bg-gradient-accent{background:var(--gradient-accent)}.text-shadow{text-shadow:0 1px 3px rgba(0,0,0,0.3)}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,0.2)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.tool-card{padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:2px solid}.tool-card-success{background:var(--gradient-success);border-color:var(--color-success)}.tool-card-info{background:var(--gradient-info);border-color:var(--color-primary)}.tool-card-warning{background:var(--gradient-warning);border-color:#ea580c}.tool-card-pink{background:var(--gradient-pink);border-color:#be185d}.tool-card-heading{text-align:center;margin-block-end:var(--space-6)}.tool-card-title{font-size:var(--font-size-2xl);margin-block-end:var(--space-2)}.tool-card-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.tool-card-content{margin-block-end:var(--space-6)}.tool-card-section{margin-block-end:var(--space-4)}.tool-card-section-title{margin-block-end:var(--space-2);font-size:var(--font-size-base)}.tool-card-section-text{font-size:0.95rem}.tool-card-footer{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-6);margin-block-end:var(--space-8);text-align:start}.feature-card{background:rgba(255,255,255,0.1);padding:var(--space-6);border-radius:var(--radius-lg);backdrop-filter:blur(10px)}.feature-icon{font-size:var(--font-size-4xl);margin-block-end:var(--space-2)}.feature-title{color:white;font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.feature-description{opacity:0.9;font-size:0.95rem}.course-highlights{background:rgba(255,255,255,0.15);padding:var(--space-8);border-radius:var(--radius-lg);margin-block-end:var(--space-8);backdrop-filter:blur(10px)}.course-highlights-title{color:white;margin-block-end:var(--space-4);font-size:var(--font-size-xl)}.course-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-4);text-align:start}.notice-box{padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:2px solid}.notice-warning{border-color:var(--color-warning);border-left:4px solid var(--color-warning)}.notice-info{border-color:var(--color-primary);border-left:4px solid var(--color-primary)}.notice-box-title{margin-block-end:var(--space-4)}.two-col-grid{display:grid;gap:var(--space-8);margin-block-end:var(--space-8)}@media screen and (min-width: 768px){.two-col-grid{grid-template-columns:repeat(2, 1fr)}}.cta-box{background:var(--gradient-accent);padding:var(--space-8);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);margin-block-start:var(--space-8)}.cta-title{color:var(--color-primary);font-size:var(--font-size-xl);margin-block-end:var(--space-4);text-align:center}.cta-content{text-align:center;margin-block-end:var(--space-4)}.embed-container{text-align:center;margin:var(--space-6) auto;display:flex;justify-content:center;align-items:center}.embed-container iframe{max-width:100%;display:inline-block}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.accordion-header{padding:var(--space-4);background-color:var(--color-bg-secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-fast)}.accordion-header:hover{background-color:var(--color-bg-tertiary)}.accordion-header::after{content:"▼";transition:transform var(--transition-base);color:var(--color-text-secondary)}.accordion-item.active .accordion-header::after{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.accordion-item.active .accordion-content{max-height:2000px;padding:var(--space-4);border-top:1px solid var(--color-border)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.05em}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-secondary{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.badge-success{background-color:#d1fae5;color:var(--color-success)}html{scroll-behavior:smooth}.wrapper{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4)}@media screen and (min-width: 768px){.wrapper{padding:0 var(--space-6)}}.page-content{min-height:calc(100vh - 300px)}.nav-trigger{display:none}.menu-icon{display:block;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.menu-icon>svg{fill:var(--color-text-primary)}@media screen and (min-width: 600px){.nav-trigger:checked ~ .trigger{display:block;padding-bottom:5px}label[for="nav-trigger"]{display:none}}@media screen and (max-width: 599px){.trigger{clear:both;display:none;background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-2);margin-top:var(--space-2)}.nav-trigger:checked ~ .trigger{display:block}.page-link{display:block;padding:var(--space-2) var(--space-4);margin-left:0;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.page-link:hover{background-color:var(--color-bg-tertiary)}}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:white;padding:var(--space-2) var(--space-4);text-decoration:none;z-index:100}.skip-link:focus{top:0}@media print{.site-header,.site-footer,.hero-cta,.btn,.embed-container,.dropdown-content{display:none}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}a{text-decoration:underline;color:#000}.card{border:1px solid #000;break-inside:avoid;page-break-inside:avoid}}.loading{opacity:0.6;pointer-events:none}table{width:100%;margin-bottom:var(--space-5);border-collapse:collapse}th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-bg-secondary);font-weight:var(--font-weight-semibold)}blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-style:italic;color:var(--color-text-secondary)}hr{margin:var(--space-8) 0;border:0;border-top:1px solid var(--color-border)}img{max-width:100%;height:auto;display:block}iframe{max-width:100%}input[type="text"],input[type="email"],input[type="search"],input[type="password"],textarea,select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none}button:disabled,.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:200px;background-color:var(--color-text-primary);color:white;text-align:center;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);position:absolute;z-index:var(--z-tooltip);bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity var(--transition-base);font-size:var(--font-size-sm)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.course-container,.course-module-page{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-6) var(--space-6)}.module-content{max-width:var(--max-width-lg);margin:0 auto}.course-hero{background:var(--gradient-primary);color:white;padding:var(--space-12) var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-8);text-align:center}.course-hero h1{color:white;font-size:var(--font-size-4xl);margin-bottom:var(--space-4);font-weight:var(--font-weight-bold)}.course-hero p{font-size:var(--font-size-lg);max-width:var(--max-width-md);margin:0 auto var(--space-6);opacity:0.95}.course-stats{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.course-stat{text-align:center}.course-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);display:block}.course-stat-label{font-size:var(--font-size-sm);opacity:0.9}.course-progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:24px;margin:var(--space-6) 0;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow);display:flex;align-items:center;justify-content:flex-end;padding-inline-end:var(--space-3)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.course-modules{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-6);margin:var(--space-8) 0;container-type:inline-size}.module-card{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto}@supports (grid-template-rows: subgrid){.course-modules{grid-template-rows:auto}.module-card{grid-template-rows:subgrid;grid-row:span 4}}.module-card::before{content:'';position:absolute;top:0;inset-inline:0;height:4px;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.module-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.module-card:hover::before{transform:scaleX(1)}.module-number{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em}.module-title{font-size:var(--font-size-xl);margin:var(--space-3) 0;color:var(--color-text-primary)}.module-description{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.module-meta{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.module-progress{font-weight:var(--font-weight-medium);color:var(--color-primary)}.course-exercise{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;border:1px solid var(--color-border)}.exercise-header{margin-bottom:var(--space-6)}.exercise-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-3)}.exercise-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.exercise-difficulty,.exercise-time{padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.difficulty-beginner{background:#d1fae5;color:#065f46}.difficulty-intermediate{background:#fed7aa;color:#92400e}.difficulty-advanced{background:#fecaca;color:#991b1b}.exercise-goal{background:var(--gradient-primary);color:white;padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.exercise-goal h3{color:white;margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.exercise-goal p{margin:0;opacity:0.95}.exercise-transcript{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.exercise-transcript summary{padding:var(--space-4);cursor:pointer;font-weight:var(--font-weight-semibold);user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-2)}.exercise-transcript summary::-webkit-details-marker{display:none}.exercise-transcript summary::before{content:'▶';display:inline-block;transition:transform var(--transition-fast)}.exercise-transcript[open] summary::before{transform:rotate(90deg)}.transcript-content{padding:var(--space-4);border-top:1px solid var(--color-border-light);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap;background:var(--color-bg-tertiary);max-height:400px;overflow-y:auto}.exercise-editor{margin-bottom:var(--space-6)}.exercise-editor label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.student-prompt{width:100%;min-height:200px;padding:var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);resize:vertical;transition:border-color var(--transition-fast)}.student-prompt:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.editor-hints{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-primary-dark)}.hint-display{display:none;margin-top:var(--space-3);padding:var(--space-4);background:#fef3c7;border-left:4px solid #f59e0b;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.error-message{display:none;margin-top:var(--space-3);padding:var(--space-4);background:#fee2e2;border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:#991b1b;font-size:var(--font-size-sm)}.llm-status{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.status-loading{background:#fef3c7;color:#92400e}.status-loading::before{content:'⏳ '}.status-ready{background:#d1fae5;color:#065f46}.status-ready::before{content:'✓ '}.status-error{background:#fee2e2;color:#991b1b}.status-error::before{content:'⚠ '}.btn-run-exercise,.btn-retry,.btn-view-example,.btn-hint,.btn-next-exercise,.btn-init-ai{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base)}.btn-init-ai{background:var(--color-success);color:white;margin-bottom:var(--space-4);width:100%;font-size:var(--font-size-lg)}.btn-init-ai:hover:not(:disabled){background:#047857;box-shadow:var(--shadow-md)}.btn-init-ai:disabled{opacity:0.6;cursor:not-allowed}.btn-run-exercise{background:var(--color-primary);color:white;margin-top:var(--space-4)}.btn-run-exercise:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-run-exercise:disabled{opacity:0.6;cursor:not-allowed}.btn-retry{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-retry:hover{background:var(--color-bg-secondary)}.btn-view-example,.btn-hint{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-view-example:hover,.btn-hint:hover{background:var(--color-primary-light)}.btn-next-exercise{background:var(--color-success);color:white}.btn-next-exercise:hover{background:#047857;box-shadow:var(--shadow-md)}.exercise-output{display:none;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6)}.exercise-output h4{margin-bottom:var(--space-4);color:var(--color-text-primary)}.output-content{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap;background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);max-height:500px;overflow-y:auto}.exercise-feedback{display:none;background:var(--color-bg-primary);border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6)}.feedback-strengths,.feedback-improvements,.criteria-details{margin-bottom:var(--space-5)}.feedback-strengths h4{color:var(--color-success);margin-bottom:var(--space-3)}.feedback-improvements h4{color:var(--color-warning);margin-bottom:var(--space-3)}.feedback-strengths ul,.feedback-improvements ul{list-style:none;padding:0}.feedback-strengths li,.feedback-improvements li{padding:var(--space-2) 0 var(--space-2) var(--space-6);position:relative}.feedback-strengths li::before{content:'✓';position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.feedback-improvements li::before{content:'→';position:absolute;left:0;color:var(--color-warning);font-weight:var(--font-weight-bold)}.feedback-score{text-align:center;padding:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin:var(--space-5) 0}.feedback-score h4{margin-bottom:var(--space-2)}.score-value{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-success)}.score-value[data-score="1"],.score-value[data-score="2"],.score-value[data-score="3"],.score-value[data-score="4"]{color:var(--color-error)}.score-value[data-score="5"],.score-value[data-score="6"],.score-value[data-score="7"]{color:var(--color-warning)}.score-status{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--space-2)}.score-status.passed{color:var(--color-success)}.score-status.not-passed{color:var(--color-warning)}.example-improvement{background:var(--color-primary-light);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);margin-top:var(--space-4)}.criteria-details{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.criterion-score{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.criterion-score:last-child{border-bottom:none}.exercise-actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.exercise-progress{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:center;margin-top:var(--space-6)}.exercise-progress span{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.course-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:var(--max-width-lg);width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--color-text-secondary);line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.example-prompt{background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow-x:auto;white-space:pre-wrap;border:1px solid var(--color-border)}.course-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border-radius:var(--radius-lg);margin:var(--space-6) 0}.course-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.learning-objectives{background:var(--color-accent-light);border-left:4px solid var(--color-accent);padding:var(--space-5);border-radius:var(--radius-md);margin:var(--space-6) 0}.learning-objectives h3{color:var(--color-accent-dark);margin-bottom:var(--space-3)}.learning-objectives ul{margin:0}@media (max-width: 768px){.course-hero{padding:var(--space-8) var(--space-4)}.course-hero h1{font-size:var(--font-size-3xl)}.course-modules{grid-template-columns:1fr}.course-stats{gap:var(--space-4)}.exercise-actions{flex-direction:column}.exercise-actions button{width:100%}.modal-content{margin:var(--space-4)}}.search-container{position:relative;display:inline-block;margin-left:var(--space-4);vertical-align:middle}#search-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);width:200px;transition:all var(--transition-fast);background-color:var(--color-bg-primary);color:var(--color-text-primary)}#search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);width:250px}#results-container{position:absolute;top:100%;right:0;width:300px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;padding:0;margin:var(--space-2) 0 0 0;z-index:var(--z-dropdown);max-height:400px;overflow-y:auto;display:none}#results-container:not(:empty){display:block}#results-container li{margin:0;border-bottom:1px solid var(--color-border-light)}#results-container li:last-child{border-bottom:none}#results-container a{display:block;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}#results-container a:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}@media screen and (max-width: 768px){.search-container{display:block;margin:var(--space-2) 0;width:100%}#search-input{width:100%}#search-input:focus{width:100%}#results-container{width:100%;position:static;box-shadow:none;border:1px solid var(--color-border);margin-top:var(--space-2)}}