*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color-light:#fff;--bg-color-dark:#2c3e50;--text-color-light:#333;--text-color-dark:#ecf0f1;--accent-color-light:#005a8d;--accent-color-dark:#fc0;--link-color:#000091;--hover-color:#f6f6f6;--active-color:#ededed}body{font-family:Inter,sans-serif}@media (prefers-color-scheme:dark){.header,body{background-color:var(--bg-color-dark)}.header,.header__nav a,body{color:var(--text-color-dark)}.header__nav a:hover{color:var(--accent-color-dark)}.header__search input{background-color:#34495e;color:var(--text-color-dark);border:1px solid #7f8c8d}.header__search input:focus{border-color:var(--accent-color-dark)}}.header,body{background-color:var(--bg-color-light);color:var(--text-color-light)}.header{padding:10px 0;min-height:100px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header__content{justify-content:space-between;padding:0 20px;max-width:1200px;margin:0 auto}.header__content,.header__logo{display:flex;align-items:center}.header__logo{gap:10px}.header__logo .logo-title{display:flex;align-items:center;text-decoration:none;color:inherit;background-color:transparent;padding:16px;transition:background-color .3s ease}.header__logo .logo-title:active,.header__logo .logo-title:hover{background-color:var(--hover-color)}.header__logo img{height:40px}.header__title{font-size:20px;font-weight:600;margin-left:10px;color:inherit}.header__nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}.header__nav ul li a{display:flex;align-items:center;justify-content:center;column-gap:.5rem}.header__nav a{text-decoration:none;color:var(--link-color);font-size:14px;font-weight:600;transition:color .3s ease,background-color .3s ease;padding:5px}.header__nav a:hover{background-color:var(--hover-color)}.header__nav a:active{background-color:var(--active-color)}@media (max-width:768px){.header__content{flex-direction:column;align-items:flex-start}.header__nav ul{flex-direction:row;gap:10px}}