@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}button{border:none;background:none;cursor:pointer}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff;color:#222}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}html,body{height:100%}:focus-visible{outline:2px solid #0078ff;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary: #5C5E63;--color-primary-hover: #0060cc;--color-secondary: #ff9800;--color-accent: #e91e63;--color-bg: #ffffff;--color-bg-alt: #f5f7fa;--color-text: #222222;--color-text-muted: #666666;--color-border: #e0e0e0;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Fira Code", monospace;--font-size-xs: clamp(.75rem, .7rem + .25vw, .8rem);--font-size-sm: clamp(.875rem, .8rem + .25vw, .9rem);--font-size-md: clamp(1rem, .95rem + .3vw, 1.1rem);--font-size-lg: clamp(1.25rem, 1rem + .8vw, 1.5rem);--font-size-xl: clamp(1.75rem, 1.25rem + 1vw, 2rem);--font-size-xxl: clamp(2.5rem, 2rem + 1.5vw, 3rem);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:1.2;font-weight:600}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs)}p{margin-bottom:var(--space-md);color:var(--color-text-muted)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-md)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;transition:background var(--transition-base),transform var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}@media (prefers-color-scheme: dark){:root{--color-bg: #111;--color-bg-alt: #1e1e1e;--color-text: #eee;--color-text-muted: #bbb;--color-border: #333}}