*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gray-100: #fafafa;--gray-200: #f0f0f0;--gray-300: #d9d9d9;--gray-400: #bfbfbf;--gray-500: #8c8c8c;--gray-600: #595959;--gray-700: #434343;--gray-800: #262626;--gray-900: #1f1f1f;--shadow-low: 0 .0625rem .1875rem rgba(0, 0, 0, .1);--shadow-medium: 0 .25rem .375rem rgba(0, 0, 0, .15);--shadow-high: 0 .625rem 1.25rem rgba(0, 0, 0, .2);--transition-fast: .15s ease-in-out;--transition-base: .3s ease}html{font-family:var(--font-body, sans-serif);font-size:1rem;line-height:1.5;color:var(--gray-900);background-color:var(--gray-100)}body{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, sans-serif);line-height:1.2;padding-bottom:var(--space-md, 1rem)}p{padding-bottom:var(--space-md, 1rem)}.markdown{font-family:var(--font-body, sans-serif);color:var(--text-color, var(--gray-900));line-height:1.6}.markdown h1{font-size:var(--fs-2xl, 3rem)}.markdown h2{font-size:var(--fs-xl, 2rem)}.markdown h3{font-size:var(--fs-lg, 1.5rem)}.markdown ul,.markdown ol{padding-inline-start:var(--space-lg, 1.5rem);padding-bottom:var(--space-md, 1rem)}.markdown table{width:100%;border-collapse:collapse;padding-bottom:var(--space-md, 1rem)}.markdown th,.markdown td{padding:var(--space-sm, .75rem);border:.0625rem solid var(--gray-300)}.markdown pre{background:var(--gray-200);padding:var(--space-md, 1rem);border-radius:var(--radius-sm, .1rem);overflow-x:auto}.markdown code{font-family:var(--font-mono, monospace);background:var(--gray-200);padding:.125rem .25rem;border-radius:var(--radius-sm, .1rem)}.markdown blockquote{border-left:.25rem solid var(--gray-300);padding-left:var(--space-md, 1rem);color:var(--gray-600);padding-bottom:var(--space-md, 1rem)}.page{min-height:100vh}.section{display:grid;gap:var(--space-md, 1rem);padding:var(--space-lg, 1.5rem);width:90%;max-width:var(--bp-xl);margin-inline:auto}.block{padding:var(--space-md, 1rem)}.btn{display:inline-block;font-family:inherit;font-size:var(--fs-sm, 1rem);padding:var(--space-sm, .75rem) var(--space-md, 1rem);border-radius:var(--radius-md, .2rem);border:.125rem solid transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.btn:focus-visible{outline:.125rem solid var(--color-info, #2196f3);outline-offset:.125rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{padding-bottom:var(--space-md, 1rem)}.form-label{display:block;padding-bottom:var(--space-xs, .5rem);font-weight:500}.form-control{width:100%;padding:var(--space-sm, .75rem);border:.0625rem solid var(--gray-300);border-radius:var(--radius-sm, .1rem);font-size:var(--fs-sm, 1rem);line-height:1.4;transition:border var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--color-info, #2196f3);box-shadow:0 0 0 .1875rem #2196f333;outline:none}.is-valid{border-color:var(--color-success, #4caf50)!important}.is-invalid{border-color:var(--color-error, #f44336)!important}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:var(--space-md, 1rem)}.grid{display:grid;gap:var(--space-md, 1rem)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}:root{--font-body: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--color-primary: #ff7b00;--color-secondary: #33ff00;--color-accent: #b700ff;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--text-color: : rgb(29, 29, 31);--bg-color: rgb(245, 245, 247);--glass-bg: #fbfbfd;--glass-shadow: 0 .5rem 2rem rgba(255, 255, 255, .1);--glow-primary: 0 0 1rem rgba(0, 102, 255, .7);--glow-secondary: 0 0 1rem rgba(255, 0, 102, .7);--glow-accent: 0 0 1rem rgba(0, 255, 204, .7);--bp-xs: 0;--bp-sm: 576px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--fs-xs: .75rem;--fs-sm: 1rem;--fs-md: 1.25rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 3rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .2rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem}html.dark-mode{--color-primary: #ff9633;--color-secondary: #5cff33;--color-accent: #c533ff;--text-color: rgb(245, 245, 247);--bg-color: rgb(29, 29, 31);--glass-bg: #161617;--glass-shadow: 0 .5rem 2rem rgba(0, 0, 0, .6);--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3}html.dark-mode .markdown table th,html.dark-mode .markdown table td{border-color:var(--gray-600)}html.dark-mode .markdown pre,html.dark-mode .markdown code{background:var(--gray-800)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-base),color var(--transition-base)}.btn-primary{background:var(--color-primary);color:#fff;transition:box-shadow var(--transition-fast)}.btn-primary:hover,.btn-primary:focus{box-shadow:var(--glow-primary)}.btn-secondary{background:var(--color-accent);color:#fff;transition:box-shadow var(--transition-fast)}.btn-secondary:hover,.btn-secondary:focus{box-shadow:var(--glow-accent)}.btn-glass{background:transparent;border:.0625rem solid var(--text-color);color:var(--text-color);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-glass:hover,.btn-glass:focus{background:#ffffff26;box-shadow:var(--glow-accent)}.loading{display:grid;place-items:center;text-align:center;height:70vh}.main{background:var(--bg-color)}.header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-color);position:relative;z-index:10}.header-logo{font-size:var(--fs-xl);font-weight:700}.header-nav{display:flex;gap:var(--space-md)}.header-link{font-size:var(--fs-sm);color:inherit;text-decoration:none;transition:color var(--transition-fast)}.header-link:hover{color:var(--color-primary)}.header-toggle{font-size:var(--fs-md);padding:.4rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.header-toggle:hover{background:var(--bg-color)}.footer{display:grid;gap:var(--space-sm);padding:var(--space-lg) 0;background:var(--bg-color);text-align:center;font-size:var(--fs-xs)}.footer-link{color:inherit;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.hero{display:grid;gap:var(--space-lg);padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);color:var(--text-color);place-items:center;text-align:center;min-height:60vh}.hero h1{font-size:var(--fs-xl);color:var(--color-primary)}.hero p{margin:var(--space-lg) 0}.hero a{color:inherit;padding:var(--space-sm) var(--space-md);margin:0 var(--space-sm);text-decoration:none;background:transparent;border:.0625rem solid var(--text-color);border-radius:var(--radius-md);color:var(--text-color);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.hero a:hover{background:#ffffff26;box-shadow:var(--glow-accent)}.hero a:focus{background:#ffffff26;box-shadow:var(--glow-accent)}.about{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.about .markdown{font-family:var(--font-mono, monospace)}.cta{display:grid;gap:var(--space-lg);padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);color:var(--text-color);place-items:center;text-align:center}.cta h2{font-size:var(--fs-lg);color:var(--color-primary)}.cta p{margin:var(--space-lg) 0}.cta a{color:inherit;padding:var(--space-sm) var(--space-md);margin:0 var(--space-sm);text-decoration:none;background:transparent;border:.0625rem solid var(--text-color);border-radius:var(--radius-md);color:var(--text-color);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.cta a:hover{background:#ffffff26;box-shadow:var(--glow-accent)}.cta a:focus{background:#ffffff26;box-shadow:var(--glow-accent)}.glass-panel,.glass-card{display:grid;gap:var(--space-md);padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);color:var(--text-color)}.glass-card>.title{font-size:var(--fs-xl);color:var(--color-secondary)}.glass-card>.content{font-size:var(--fs-md);line-height:1.4}@media (min-width: var(--bp-sm)){.section{padding:var(--space-xl, 2rem)}.cta{grid-template-columns:1fr}}@media (min-width: var(--bp-lg)){.cta{grid-template-columns:repeat(2,1fr);text-align:left;align-items:center}.hero h1{font-size:calc(var(--fs-2xl) * 1.2)}}