:root{--color-bg: #f5f8fe;--color-primary: #335efc;--color-accent: #09317f;--color-blue-300: #20a9ff;--color-blue-100: #afdffe;--color-white: #fff;--color-n700: #45464c;--color-n300: #8c8f9c;--color-n100: #c3c8d9;--color-negative: #ef4444;--gradient-caracol: linear-gradient(90deg, #335efc 0%, #09317f 50%, #335efc 100%);--font: "Montserrat", sans-serif;--radius: 8px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-n700);font:400 14px/17px var(--font)}a{color:inherit;text-decoration:none}img{max-width:100%}.header{background:var(--gradient-caracol);color:#fff}.header__inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}.header__title{font-size:24px;line-height:30px;font-weight:400}.header__title em{font-style:italic;font-weight:700}.header__logo{height:36px;margin-left:auto}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav__link{padding:8px 14px;border-radius:var(--radius);color:#fff}.nav__link:hover{background:var(--color-primary)}.nav__link.active{background:#fffc;color:var(--color-accent)}.main{max-width:1200px;margin:0 auto;padding:24px;min-height:60vh}.footer{text-align:center;padding:24px;color:var(--color-n300);font-size:12px;line-height:15px}.headline{font-size:28px;line-height:32px;font-weight:600;color:var(--color-accent);margin:0 0 16px}.label{font-size:12px;line-height:15px;color:var(--color-n300);margin:0 0 4px;text-transform:uppercase}.body{font-size:14px;line-height:22px}.block{margin-bottom:40px}.block__head{display:flex;align-items:baseline;justify-content:space-between}.link{color:var(--color-primary);font-weight:600}.link:hover{color:var(--color-accent)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card--article{overflow:hidden;display:flex;flex-direction:column}.card__image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.card__body{padding:16px}.card__title{margin:0 0 8px;font-size:18px;line-height:22px;font-weight:700}.card__title a:hover{color:var(--color-primary)}.tags{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--color-blue-100);color:var(--color-accent);border-radius:12px;padding:3px 10px;font-size:12px;line-height:15px}.article{padding:24px;max-width:840px;margin:0 auto}.article__image{width:100%;border-radius:var(--radius);margin-bottom:16px}.btn-primary{display:inline-block;background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius);padding:10px 20px;font:600 14px var(--font);cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--color-accent)}.btn-primary:disabled{background:var(--color-n100);cursor:not-allowed}.state{text-align:center;padding:48px 0}.state--error p{color:var(--color-negative)}.auth{max-width:420px;margin:24px auto;padding:24px}.notice{background:var(--color-bg);border-left:3px solid var(--color-primary);padding:10px 12px;margin:0 0 16px}.field{display:block;margin-bottom:16px}.field input{width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--color-n100);border-radius:var(--radius);font:400 14px var(--font);background:var(--color-bg)}@media (max-width: 640px){.main{padding:16px}.header__logo{margin-left:0}}