:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--container-width: 1100px;--border-radius: 8px;--border-thickness-card: 1px;--color-bg: #ffffff;--color-bg-secondary: #f7f7f7;--color-bg-secondary-hover: #eeeeee;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #e5e5e5;--color-primary: #E65100;--color-primary-hover: #FF9800;--color-accent: #ffd700;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05)}[data-theme=dark]{--color-bg: #121212;--color-bg-secondary: #1e1e1e;--color-bg-secondary-hover: #2d2d2d;--color-text: #ffffff;--color-text-muted: #a3a3a3;--color-border: #333333;--color-primary: #E65100;--color-primary-hover: #FF9800;--color-accent: #ffd700;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md);color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid--2-cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3-cols{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--hero{grid-template-columns:1fr;gap:var(--spacing-xl)}.grid--hero>:first-child{order:1}.grid--hero>:last-child{order:-1}@media (min-width: 768px){.grid--hero{grid-template-columns:1fr 1fr}.grid--hero>:first-child{order:0}.grid--hero>:last-child{order:0}}.section{padding:var(--spacing-2xl) 0}.section__header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:baseline}.header{padding:var(--spacing-md) 0;position:sticky;top:0;background-color:var(--color-bg);z-index:100;border-bottom:1px solid var(--color-border)}.header__inner{display:flex;justify-content:space-between;align-items:center}.header__logo{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text)}.page-layout{display:grid;gap:var(--spacing-xl);margin-top:var(--spacing-sm)}@media (min-width: 768px){.page-layout{grid-template-columns:2fr 1fr}}.page-layout__sidebar h3{margin-bottom:var(--spacing-md)}.footer{padding:var(--spacing-xl) 0;background-color:var(--color-bg-secondary);margin-top:var(--spacing-2xl);text-align:center;font-size:var(--font-size-sm)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn--outline{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-border);background-color:var(--color-bg-secondary-hover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.card{background-color:var(--color-bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;border:var(--border-thickness-card) solid var(--color-border);height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background-color:var(--color-bg-secondary-hover);color:inherit;cursor:pointer}.card:hover .card__title{color:var(--color-primary-hover)}.card__header{margin:calc(-1 * var(--spacing-lg));border-top-left-radius:calc(var(--border-radius) - var(--border-thickness-card));border-top-right-radius:calc(var(--border-radius) - var(--border-thickness-card));margin-bottom:0;padding:var(--spacing-lg);padding-bottom:0;transition:background-color .2s ease;display:flex;flex-direction:column;flex-grow:1}.card__header p{margin-top:var(--spacing-sm);margin-bottom:0}.card__image{width:100%;height:200px;object-fit:cover;border-radius:calc(var(--border-radius) - 2px);margin-bottom:var(--spacing-md);background-color:var(--color-border)}.card__title{margin-bottom:var(--spacing-xs);color:var(--color-text);transition:color .2s ease}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.card__subtitle--large{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.card__subtitle-expanded{display:none;align-items:center;gap:var(--spacing-xs)}.card__subtitle-expanded img{width:20px;height:20px;object-fit:contain}.card__content{flex-grow:1;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.card__footer{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm);align-items:center;color:var(--color-text)}.card__footer img{width:48px;height:48px;object-fit:contain}.card__repo{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);align-items:center}.card__repo a{background-color:var(--color-bg);text-decoration:none;display:inline-flex;gap:.5rem;align-items:center}.card__repo img{width:20px;height:20px;object-fit:contain}.card__details{display:none;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);position:relative;cursor:default;background-color:var(--color-bg-secondary);pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.card-overlay-open{overflow:hidden}.card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.card-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-overlay__dialog{position:relative;z-index:1;width:min(100%,1040px);max-height:calc(100vh - var(--spacing-lg) * 2);overflow:auto;border-radius:var(--border-radius);border:var(--border-thickness-card) solid var(--color-border);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-lg);animation:overlayPop .2s ease-out;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--card-overlay-scrollbar-thumb) var(--card-overlay-scrollbar-track)}.card-overlay{--card-overlay-scrollbar-track: var(--color-bg-secondary);--card-overlay-scrollbar-thumb: color-mix(in srgb, var(--color-text) 22%, var(--color-border));--card-overlay-scrollbar-thumb-hover: color-mix(in srgb, var(--color-text) 34%, var(--color-border))}[data-theme=dark] .card-overlay{--card-overlay-scrollbar-track: var(--color-bg-secondary);--card-overlay-scrollbar-thumb: #4d4d4d;--card-overlay-scrollbar-thumb-hover: #666666}.card-overlay__dialog::-webkit-scrollbar{width:.75rem}.card-overlay__dialog::-webkit-scrollbar-track{background:var(--card-overlay-scrollbar-track);border-radius:999px}.card-overlay__dialog::-webkit-scrollbar-thumb{background-color:var(--card-overlay-scrollbar-thumb);border-radius:999px;border:.2rem solid var(--card-overlay-scrollbar-track)}.card-overlay__dialog::-webkit-scrollbar-thumb:hover{background-color:var(--card-overlay-scrollbar-thumb-hover)}.card-overlay__panel{position:relative}.card-overlay__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:2;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background-color:var(--color-bg);color:var(--color-text);font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.card-overlay__close:hover{background-color:var(--color-bg-secondary-hover);cursor:pointer}.card-overlay__image{width:100%;max-height:320px;object-fit:cover;display:block;border-bottom:1px solid var(--color-border)}.card-overlay__content{padding:var(--spacing-xl)}.card-overlay__title{margin-bottom:var(--spacing-md)}.card-overlay__eyebrow{margin-bottom:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.card-overlay__excerpt{margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.card-overlay .card__subtitle-expanded{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.card-overlay__footer{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.card-overlay .card__details{display:block;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);background-color:transparent}.card-overlay .page-layout{margin-top:var(--spacing-sm)}@media (max-width: 768px){.card-overlay{padding:var(--spacing-md)}.card-overlay__dialog{max-height:calc(100vh - var(--spacing-md) * 2)}.card-overlay__content{padding:var(--spacing-lg)}}@keyframes overlayPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.page-header__title{margin-bottom:var(--spacing-sm)}.page-header__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-header__company{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--color-text)}.page-header__company img{border-radius:4px}.page-header__company a{color:inherit;text-decoration:none}.page-header__company a:hover{color:var(--color-primary)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.375rem .75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9999px;font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;transition:all .2s ease}.chip img{width:16px;height:16px;object-fit:contain;border-radius:0}[data-theme=light] .chip img.light-dark{filter:invert(0)}[data-theme=dark] .chip img.light-dark{filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .chip:hover,[data-theme=dark] .chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text);transform:translateY(-1px)}[data-theme=light] .chip:hover,[data-theme=light] .chip.active{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text);transform:translateY(-1px)}.tech-highlight{cursor:default;font-weight:700;transition:color .2s ease}[data-theme=dark] .tech-highlight:hover,[data-theme=dark] .tech-highlight.active{color:var(--color-primary-hover)}[data-theme=light] .tech-highlight:hover,[data-theme=light] .tech-highlight.active{color:var(--color-primary)}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--color-bg-secondary)}.theme-toggle svg{width:20px;height:20px;fill:currentColor;display:none}[data-theme=light] .theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}.chip img[src*="/logos/"]{border-radius:0!important}.card__subtitle-expanded img[src*="/logos/"]{border-radius:4px!important}img[src*="/logos/"]{border-radius:8px}
