:root{--background:#ffffff;--foreground:#171717;--color-primary:#2196f3;--color-primary-dark:#1565c0;--color-bg:#f5f7fa;--color-bg-card:#fff;--color-text:#222;--color-text-secondary:#555;--color-border:#e3e3e3;--radius:12px;--shadow:0 2px 12px rgba(0,0,0,0.07);--transition:0.2s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-bg);font-family:Inter,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body{margin:0;padding:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color var(--transition),background var(--transition)}h1,h2,h3,h4,h5{font-family:inherit;color:var(--color-text);margin-top:0}button{font-family:inherit;transition:background var(--transition),color var(--transition),box-shadow var(--transition);cursor:pointer}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:600px){body{font-size:15px}h1{font-size:1.6rem}h2{font-size:1.2rem}.container,section{padding:12px!important}.portfolio-grid,.products-grid{display:flex!important;flex-direction:column!important;gap:18px!important}.card,.portfolio-card,.product-card{width:100%!important;min-width:0!important;margin-bottom:18px!important}footer,header{align-items:flex-start!important;padding:12px 8px!important}footer,header,nav{flex-direction:column!important;gap:10px!important}}@media (min-width:601px) and (max-width:900px){body{font-size:16px}h1{font-size:2rem}h2{font-size:1.4rem}.container,section{padding:20px!important}.portfolio-grid,.products-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:24px!important;gap:24px!important}.card,.portfolio-card,.product-card{width:100%!important;min-width:0!important;margin-bottom:24px!important}footer,header{align-items:center!important;padding:16px 18px!important}footer,header,nav{flex-direction:row!important;gap:18px!important}}@media (min-width:901px){body{font-size:17px}h1{font-size:2.5rem}h2{font-size:1.7rem}.container,section{padding:32px!important}.portfolio-grid,.products-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;grid-gap:32px!important;gap:32px!important}.card,.portfolio-card,.product-card{width:100%!important;min-width:0!important;margin-bottom:32px!important}footer,header{align-items:center!important;padding:24px 32px!important}footer,header,nav{flex-direction:row!important;gap:24px!important}}