:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-accent-yellow: #fbbc04;--color-accent-yellow-hover: #f29900;--color-dark: #111111;--color-dark-alt: #1a1a1a;--color-text-main: #333333;--color-text-muted: #666666;--color-text-light: #ffffff;--color-border: #e5e5e5;--color-bg-light: #f9f9f9;--color-bg-white: #ffffff;--font-heading: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1200px;--max-width-content: 840px;--header-height: 56px;--transition-fast: .2s ease;--transition-normal: .3s ease;--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;color:var(--color-text-main);background-color:var(--color-bg-white);line-height:1.65;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;line-height:1.25;color:var(--color-dark)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.container--narrow{max-width:var(--max-width-content)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:10px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.btn--blue{background-color:var(--color-primary);color:var(--color-text-light)}.btn--blue:hover{background-color:var(--color-primary-hover);color:var(--color-text-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--yellow{background-color:var(--color-accent-yellow);color:var(--color-dark)}.btn--yellow:hover{background-color:var(--color-accent-yellow-hover);color:var(--color-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--rounded{border-radius:var(--radius-full)}.btn--large{padding:14px 32px;font-size:1.15rem}.site-header{background-color:var(--color-dark);color:var(--color-text-light);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000040}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:6px 0}.site-header__brand{display:flex;align-items:center}.site-header__logo{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:1px;color:var(--color-text-light);text-transform:uppercase;text-decoration:none}.site-header__logo:hover{color:var(--color-primary)}.site-nav{display:flex;align-items:center}.site-nav__toggle{display:none;background:transparent;border:none;color:var(--color-text-light);padding:8px;cursor:pointer}.site-nav__toggle-icon{width:26px;height:26px;fill:currentColor}.site-nav__list{display:flex;list-style:none;align-items:center;gap:16px}.site-nav__item{position:relative}.site-nav__link{font-family:var(--font-heading);font-size:.85rem;font-weight:500;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;padding:6px 4px;display:block;transition:color var(--transition-fast)}.site-nav__link:hover,.site-nav__link--active{color:var(--color-primary)}.site-nav__actions{display:flex;align-items:center;gap:12px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.site-nav__action-link{color:var(--color-text-light);display:flex;align-items:center;transition:color var(--transition-fast)}.site-nav__action-link:hover{color:var(--color-accent-yellow)}.site-nav__action-icon{width:18px;height:18px;fill:currentColor}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;background-image:url(/images/wallpaper.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;text-align:center;color:var(--color-text-light);padding:80px 20px}.hero__container{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.8);margin-bottom:12px}.hero__subtitle{font-family:var(--font-body);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:400;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);letter-spacing:.5px}.section{padding:60px 0}.section--alt{background-color:var(--color-bg-light)}.section__header{text-align:center;margin-bottom:48px}.section__title{font-size:2.25rem;font-weight:700;color:var(--color-dark);position:relative;display:inline-block}.section__title:after{content:"";display:block;width:60px;height:3px;background-color:var(--color-primary);margin:10px auto 0}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.featured-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none;color:inherit}.featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.featured-card__icon-wrap{width:72px;height:72px;border-radius:var(--radius-full);background:#f0f7ff;border:1px solid #d0e3ff;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-primary);transition:background var(--transition-fast),color var(--transition-fast)}.featured-card:hover .featured-card__icon-wrap{background:var(--color-primary);color:var(--color-text-light)}.featured-card__icon{width:32px;height:32px;fill:currentColor}.featured-card__title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--color-dark)}.featured-card__text{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.cta-banner{position:relative;background-image:url(/images/starry-night.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;color:var(--color-text-light);padding:70px 20px;text-align:center}.cta-banner:before{content:"";position:absolute;inset:0;background:#00000073;z-index:1}.cta-banner__container{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta-banner__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:1px;margin-bottom:24px;color:var(--color-text-light);text-shadow:0 2px 8px rgba(0,0,0,.6)}.welcome-section{max-width:var(--max-width-content);margin:0 auto}.welcome-section__content{font-size:1.05rem;line-height:1.75;color:#374151}.welcome-section__content p{margin-bottom:1.25rem}.welcome-section__content a{color:var(--color-primary);font-weight:600;text-decoration:underline}.welcome-section__signature{margin-top:2rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-dark)}.article{padding:40px 0 80px}.article__header{margin-bottom:32px;border-bottom:1px solid var(--color-border);padding-bottom:24px}.article__title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:.5px;margin-bottom:16px;line-height:1.2}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:.9rem;color:var(--color-text-muted)}.article__meta-item{display:inline-flex;align-items:center;gap:6px}.article__meta-icon{width:16px;height:16px;fill:currentColor}.article__body{font-size:1.05rem;line-height:1.8;color:#222}.article__body h1,.article__body h2,.article__body h3,.article__body h4{margin-top:2.25rem;margin-bottom:1rem}.article__body p{margin-bottom:1.35rem}.article__body ul,.article__body ol{margin-top:.5rem;margin-bottom:1.35rem;padding-left:28px}.article__body li{margin-bottom:.5rem}.article__body img{border-radius:var(--radius-sm);margin:1.5rem auto;box-shadow:var(--shadow-sm)}.article__body a{color:var(--color-primary);text-decoration:underline}.article__body blockquote{border-left:4px solid var(--color-primary);padding-left:20px;margin:1.5rem 0;font-style:italic;color:var(--color-text-muted)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.post-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-card__image-wrap{aspect-ratio:16 / 9;background-color:#eee;overflow:hidden}.post-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.post-card:hover .post-card__image{transform:scale(1.03)}.post-card__body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.post-card__title{font-size:1.3rem;margin-bottom:10px;line-height:1.3}.post-card__title a{color:var(--color-dark)}.post-card__title a:hover{color:var(--color-primary)}.post-card__excerpt{font-size:.95rem;color:var(--color-text-muted);margin-bottom:16px;flex-grow:1}.post-card__meta{font-size:.85rem;color:#888;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0f0;padding-top:12px}.product-picker{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.product-picker__sidebar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;position:sticky;top:76px}.product-picker__title{font-size:1.4rem;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--color-accent-yellow)}.filter-group{margin-bottom:24px}.filter-group__title{font-size:.95rem;font-weight:700;margin-bottom:10px;color:#111;text-transform:uppercase}.filter-group__list{list-style:none;display:flex;flex-direction:column;gap:6px}.filter-group__item{display:flex;align-items:center;font-size:.9rem;color:#444;cursor:pointer}.filter-group__checkbox{margin-right:8px;cursor:pointer;accent-color:var(--color-primary)}.filter-group__count{margin-left:auto;font-size:.8rem;color:#888;background:#f0f0f0;padding:2px 6px;border-radius:10px}.product-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.product-card__image-wrap{width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.product-card__image{max-height:180px;width:auto;object-fit:contain}.product-card__title{font-size:1.15rem;font-weight:600;margin-bottom:16px;color:var(--color-dark);min-height:2.8em}.product-card__btn{margin-top:auto;width:100%}.site-footer{background-color:var(--color-dark-alt);color:#a0aec0;padding:40px 0;margin-top:auto;border-top:1px solid #2d3748;font-size:.9rem}.site-footer__inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.site-footer__copyright{color:#e2e8f0}.site-footer__copyright a{color:#fff;font-weight:600}.site-footer__tagline{color:#718096}@media(max-width:900px){.featured-grid{grid-template-columns:repeat(2,1fr)}.product-picker{grid-template-columns:1fr}.product-picker__sidebar{position:static}}@media(max-width:768px){.site-nav__toggle{display:block}.site-nav__list{display:none;position:absolute;top:var(--header-height);left:0;right:0;background-color:var(--color-dark);flex-direction:column;padding:20px;gap:12px;border-top:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}.site-nav__list--open{display:flex}.site-nav__actions{margin-left:0;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;width:100%;justify-content:center}.featured-grid{grid-template-columns:1fr}}