PageSourceSearch

https://itmentor.by/news

html itmentor.by collected 2026-10-02 20:41:03 UTC 89,141 bytes, 2,257 lines download raw bytes

1<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="yandex-verification" content="8bea3be79e4b9e9a" /> <!--metatextblock--> <title>Новости</title> <meta name="description" content="Новости про ИТ в Беларуси и мире. Бизнес в сфере ИТ, обзоры, аналитика, курсы, мероприятия." /> <meta name="keywords" content="Новости про ит, ИТ Беларусь, мероприятия, Курсы ИТ, IT courses, IT, information Technology, Technology, ИТ Минск, IT Minsk" /> <meta property="og:url" content="http://itmentor.by/news" /> <meta property="og:title" content="Новости про ИТ в Беларуси и мире. Бизнес в сфере ИТ, обзоры, аналитика, курсы, мероприятия." /> <meta property="og:description" content="Новости про ИТ в Беларуси и мире. Бизнес в сфере ИТ, обзоры, аналитика, курсы, мероприятия." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.biz/tild3939-3266-4164-a462-306633636435/323.jpg" /> <link rel="canonical" href="http://itmentor.by/news"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.biz"> <!--favicons--> <link rel="shortcut icon" href="https://static.tildacdn.biz/tild3330-3535-4062-a639-396430653739/123-123.png" type="image/x-icon"/> <!--/favicons--> <!-- Assets --> 
1<script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script>
1 <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.biz/ws/project14375526/tilda-blocks-page76755786.min.css?t=1790754171" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&subset=latin,cyrillic&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-feed-1.1.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.biz/css/tilda-cover-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> 
1<script nomodule src="https://static.tildacdn.biz/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script>
1 
1<script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
2function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}</script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/ws/project14375526/tilda-blocks-page76755786.min.js?t=1790754171" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-feed-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-cover-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.biz/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script type="text/javascript">window.dataLayer=window.dataLayer||[];</script>
2 
2<script type="text/javascript">(function() {var ttt='cebo';var tt='oog';var re=new RegExp("bot|g" + tt + "le|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|fa" + ttt + "ok","i");if((re.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);}
3document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script>
3</head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="14375526" data-tilda-page-id="76755786" data-tilda-page-alias="news" data-tilda-formskey="5ac76a6591d956715b3a40c914375526" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="biz" data-tilda-project-country="BY"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="14375526" data-tilda-page-id="154129626" data-tilda-formskey="5ac76a6591d956715b3a40c914375526" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="biz" data-tilda-project-country="BY"> <div id="rec2469892131" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="1370"> <!-- T1370 --> <div class="t1370"> <!-- nominify begin --> <style>
4.it-site,
5.it-site * { box-sizing: border-box; }
6.it-site input,
7.it-site textarea,
8.it-site select { font: inherit; }
9
10/* ========== NAV (sticky) ========== */
11.it-nav {
12  display: flex;
13  align-items: center;
14  justify-content: space-between;
15  padding: 18px 0;
16  position: sticky;
17  top: 0;
18  z-index: 50;
19  background: rgba(13,15,20,0.85);
20  backdrop-filter: blur(14px);
21  -webkit-backdrop-filter: blur(14px);
22  border-bottom: 1px solid rgba(255,255,255,0.06);
23}
24.it-nav__inner {
25  max-width: 1200px;
26  margin: 0 auto;
27  padding: 0 20px;
28  width: 100%;
29  display: flex;
30  align-items: center;
31  justify-content: space-between;
32}
33.it-nav__logo {
34  display: flex; align-items: center; gap: 10px;
35  font-family: var(--t-headline-font);
36  font-size: 22px;
37  font-weight: 700;
38  color: #fff;
39  text-decoration: none;
40  letter-spacing: -0.5px;
41}
42.it-nav__logo-mark {
43  width: 36px; height: 36px;
44  background: linear-gradient(135deg, #00e5a0 0%, #00b4ff 100%);
45  border-radius: 8px;
46  display: grid; place-items: center;
47  font-family: var(--t-headline-font);
48  color: #0d0f14;
49  font-weight: 800;
50  font-size: 18px;
51}
52.it-nav__menu {
53  display: flex; align-items: center; gap: 28px;
54  list-style: none; padding: 0; margin: 0;
55}
56.it-nav__link {
57  color: #b0b4c0;
58  text-decoration: none;
59  font-family: var(--t-text-font);
60  font-size: 14px;
61  font-weight: 500;
62  transition: color .2s;
63}
64.it-nav__link:hover { color: #00e5a0; }
65.it-nav__cta {
66  display: flex; align-items: center; gap: 12px;
67}
68.it-nav__btn {
69  background: #00e5a0;
70  color: #0d0f14;
71  border-radius: 8px;
72  padding: 9px 18px;
73  text-decoration: none;
74  font-family: var(--t-headline-font);
75  font-weight: 600;
76  font-size: 13px;
77  letter-spacing: 0.3px;
78  transition: transform .2s, box-shadow .2s;
79}
80.it-nav__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,229,160,0.3); }
81.it-nav__burger {
82  display: none;
83  width: 40px; height: 40px;
84  background: transparent;
85  border: 1px solid rgba(255,255,255,0.15);
86  border-radius: 8px;
87  cursor: pointer;
88  padding: 0;
89}
90.it-nav__burger span {
91  display: block; width: 18px; height: 2px;
92  background: #fff; margin: 3px auto;
93}
94
95@media (max-width: 960px) {
96  .it-nav__menu { display: none; }
97  .it-nav__burger { display: block; }
98  .it-nav__btn { display: none; }
99}
100
101/* ========== IT BELARUS WRAPPER (HERO + ARCHIVE unified) ========== */
102.it-belarus-zone {
103  position: relative;
104  background: #0d0f14;
105  color: #e8eaf0;
106  font-family: var(--t-text-font);
107  overflow: hidden;
108}
109/* Shared decorative background - applied to wrapper, not individual sections */
110.it-belarus-zone::before {
111  content: "";
112  position: absolute; inset: 0;
113  background:
114    radial-gradient(ellipse 900px 600px at 85% 5%, rgba(0,229,160,0.2), transparent 60%),
115    radial-gradient(ellipse 700px 500px at 10% 35%, rgba(0,180,255,0.1), transparent 60%),
116    radial-gradient(ellipse 600px 400px at 50% 90%, rgba(0,229,160,0.12), transparent 60%);
117  pointer-events: none;
118  z-index: 0;
119}
120.it-belarus-zone::after {
121  content: "";
122  position: absolute; inset: 0;
123  background-image:
124    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
125    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
126  background-size: 60px 60px;
127  mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
128  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
129  pointer-events: none;
130  z-index: 0;
131}
132
133/* ========== IT BELARUS HERO ========== */
134.it-bh {
135  position: relative;
136  z-index: 1;
137  padding: 50px 0 30px; /* reduced */
138}
139.it-bh__inner {
140  max-width: 1200px;
141  margin: 0 auto;
142  padding: 0 20px;
143}
144.it-bh__top {
145  display: grid;
146  grid-template-columns: 1.2fr 1fr;
147  gap: 40px;
148  align-items: center;
149  margin-bottom: 50px; /* reduced from 70px */
150}
151.it-bh__eyebrow {
152  display: inline-flex; align-items: center; gap: 8px;
153  padding: 6px 14px;
154  background: rgba(0,229,160,0.1);
155  border: 1px solid rgba(0,229,160,0.3);
156  border-radius: 100px;
157  font-family: var(--t-headline-font);
158  font-size: 11px;
159  font-weight: 600;
160  color: #00e5a0;
161  letter-spacing: 1.5px;
162  text-transform: uppercase;
163  margin-bottom: 24px;
164}
165.it-bh__eyebrow::before {
166  content: ""; width: 6px; height: 6px;
167  background: #00e5a0; border-radius: 50%;
168  box-shadow: 0 0 8px #00e5a0;
169  animation: it-pulse 2s infinite;
170}
171@keyframes it-pulse {
172  0%,100% { opacity: 1; }
173  50% { opacity: 0.4; }
174}
175.it-bh__title {
176  font-family: var(--t-headline-font);
177  font-size: clamp(36px, 5.5vw, 60px);
178  font-weight: 700;
179  line-height: 1.05;
180  letter-spacing: -1.5px;
181  color: #fff;
182  margin: 0 0 24px;
183}
184.it-bh__title span { color: #00e5a0; }
185.it-bh__lead {
186  font-family: var(--t-text-font);
187  font-size: 17px;
188  line-height: 1.6;
189  color: #8a8f9c;
190  margin: 0 0 36px;
191  max-width: 500px;
192}
193.it-bh__buttons { display: flex; gap: 14px; flex-wrap: wrap; }
194.it-bh__btn-primary {
195  background: #00e5a0; color: #0d0f14;
196  border-radius: 10px; padding: 14px 24px;
197  text-decoration: none;
198  font-family: var(--t-headline-font);
199  font-weight: 600;
200  display: inline-flex; align-items: center; gap: 8px;
201  transition: transform .2s, box-shadow .2s;
202}
203.it-bh__btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,229,160,0.3); }
204.it-bh__btn-primary img { width: 14px; height: 14px; filter: invert(0.1); }
205.it-bh__btn-ghost {
206  background: transparent; color: #fff;
207  border-radius: 10px; padding: 14px 24px;
208  text-decoration: none;
209  font-family: var(--t-headline-font);
210  font-weight: 600;
211  border: 1px solid rgba(255,255,255,0.2);
212  display: inline-block;
213  transition: all .2s;
214}
215.it-bh__btn-ghost:hover { border-color: #00e5a0; color: #00e5a0; }
216
217.it-bh__visual {
218  position: relative;
219  aspect-ratio: 4/3;
220  border-radius: 20px;
221  overflow: hidden;
222  border: 1px solid rgba(255,255,255,0.1);
223}
224.it-bh__visual img {
225  width: 100%; height: 100%;
226  object-fit: cover;
227  display: block;
228  filter: contrast(1.05) saturate(0.85);
229}
230.it-bh__visual::after {
231  content: "";
232  position: absolute; inset: 0;
233  background: linear-gradient(135deg, rgba(13,15,20,0.3), rgba(0,229,160,0.15));
234}
235.it-bh__visual-tag {
236  position: absolute;
237  top: 20px; left: 20px;
238  background: rgba(13,15,20,0.85);
239  backdrop-filter: blur(10px);
240  -webkit-backdrop-filter: blur(10px);
241  padding: 8px 14px;
242  border-radius: 8px;
243  font-family: var(--t-headline-font);
244  font-size: 12px;
245  font-weight: 600;
246  color: #fff;
247  display: flex; align-items: center; gap: 8px;
248  z-index: 2;
249}
250.it-bh__visual-tag::before {
251  content: ""; width: 8px; height: 8px;
252  background: #00e5a0; border-radius: 50%;
253  box-shadow: 0 0 8px #00e5a0;
254}
255.it-bh__visual-caption {
256  position: absolute;
257  bottom: 20px; right: 20px;
258  background: rgba(13,15,20,0.85);
259  backdrop-filter: blur(10px);
260  -webkit-backdrop-filter: blur(10px);
261  padding: 10px 16px;
262  border-radius: 8px;
263  font-family: var(--t-headline-font);
264  font-size: 11px;
265  color: #8a8f9c;
266  text-transform: uppercase;
267  letter-spacing: 1px;
268  z-index: 2;
269}
270.it-bh__visual-caption strong { color: #00e5a0; font-size: 16px; display: block; margin-top: 2px; }
271
272.it-bh__stats {
273  display: grid;
274  grid-template-columns: repeat(4, 1fr);
275  gap: 20px;
276  padding: 30px;
277  background: rgba(20,23,30,0.6);
278  backdrop-filter: blur(12px);
279  -webkit-backdrop-filter: blur(12px);
280  border: 1px solid rgba(255,255,255,0.08);
281  border-radius: 20px;
282}
283.it-bh__stat { text-align: left; }
284.it-bh__stat-num {
285  font-family: var(--t-headline-font);
286  font-size: clamp(28px, 3.5vw, 40px);
287  font-weight: 700;
288  color: #fff;
289  line-height: 1;
290  letter-spacing: -1px;
291}
292.it-bh__stat-num span { color: #00e5a0; }
293.it-bh__stat-label {
294  font-family: var(--t-text-font);
295  font-size: 12px;
296  color: #6b7080;
297  text-transform: uppercase;
298  letter-spacing: 1px;
299  margin-top: 8px;
300}
301
302@media (max-width: 960px) {
303  .it-bh__top { grid-template-columns: 1fr; gap: 50px; margin-bottom: 50px; }
304  .it-bh__visual { max-width: 600px; margin: 0 auto; }
305  .it-bh__stats { grid-template-columns: repeat(2, 1fr); gap: 24px; }
306}
307@media (max-width: 480px) {
308  .it-bh { padding: 50px 0 40px; }
309  .it-bh__title { font-size: 34px; }
310  .it-bh__stats { padding: 22px; }
311  .it-bh__visual-tag, .it-bh__visual-caption { font-size: 10px; padding: 6px 10px; }
312}
313
314/* ========== IT BELARUS ARCHIVE (inside same zone) ========== */
315.it-section--archive {
316  position: relative;
317  z-index: 1;
318  padding: 20px 0 50px; /* reduced */
319}
320/* Divider line between hero and archive */
321.it-section--archive::before {
322  content: "";
323  position: absolute;
324  top: 0; left: 50%;
325  transform: translateX(-50%);
326  width: 200px; height: 1px;
327  background: linear-gradient(90deg, transparent, rgba(0,229,160,0.4), transparent);
328}
329.it-section--archive .it-section__inner {
330  max-width: 1200px;
331  margin: 0 auto;
332  padding: 0 20px;
333}
334.it-section--archive .it-section__title { color: #fff; }
335.it-section--archive .it-section__sub { color: #8a8f9c; }
336.it-section--archive .it-section__eyebrow { color: #00b4ff; }
337.it-section--archive .it-section__eyebrow::before { background: #00b4ff; }
338.it-section--archive .it-section__link { color: #fff; }
339.it-section--archive .it-section__head { margin-bottom: 30px; } /* reduced */
340
341.it-archive {
342  display: grid;
343  grid-template-columns: 1fr 1fr;
344  gap: 24px;
345}
346.it-archive-card {
347  display: grid;
348  grid-template-columns: 200px 1fr;
349  background: rgba(20,23,30,0.7);
350  backdrop-filter: blur(10px);
351  -webkit-backdrop-filter: blur(10px);
352  border: 1px solid rgba(255,255,255,0.08);
353  border-radius: 16px;
354  overflow: hidden;
355  text-decoration: none;
356  color: #e8eaf0;
357  transition: all .3s;
358  min-height: 200px;
359  position: relative;
360}
361.it-archive-card:hover {
362  border-color: rgba(0,229,160,0.4);
363  transform: translateY(-3px);
364  box-shadow: 0 16px 40px rgba(0,229,160,0.12);
365  background: rgba(20,23,30,0.85);
366}
367.it-archive-card__img {
368  position: relative;
369  overflow: hidden;
370}
371.it-archive-card__img img {
372  width: 100%; height: 100%;
373  object-fit: cover;
374  display: block;
375  transition: transform .4s;
376}
377.it-archive-card:hover .it-archive-card__img img { transform: scale(1.08); }
378.it-archive-card__num {
379  position: absolute;
380  top: 12px; left: 12px;
381  background: rgba(13,15,20,0.85);
382  backdrop-filter: blur(8px);
383  -webkit-backdrop-filter: blur(8px);
384  padding: 4px 9px;
385  border-radius: 4px;
386  font-family: var(--t-headline-font);
387  font-size: 10px;
388  font-weight: 700;
389  color: #00b4ff;
390  letter-spacing: 1.2px;
391  border: 1px solid rgba(0,180,255,0.3);
392}
393.it-archive-card__body {
394  padding: 22px 24px;
395  display: flex; flex-direction: column;
396  justify-content: space-between;
397}
398.it-archive-card__tag {
399  font-family: var(--t-headline-font);
400  font-size: 11px;
401  font-weight: 600;
402  color: #00b4ff;
403  text-transform: uppercase;
404  letter-spacing: 1.2px;
405  margin-bottom: 10px;
406}
407.it-archive-card__title {
408  font-family: var(--t-headline-font);
409  font-size: 17px;
410  font-weight: 700;
411  line-height: 1.3;
412  margin: 0 0 12px;
413  color: #fff;
414}
415.it-archive-card__excerpt {
416  font-family: var(--t-text-font);
417  font-size: 13px;
418  color: #8a8f9c;
419  line-height: 1.5;
420  margin: 0 0 14px;
421  display: -webkit-box;
422  -webkit-line-clamp: 2;
423  -webkit-box-orient: vertical;
424  overflow: hidden;
425}
426.it-archive-card__meta {
427  display: flex; gap: 14px;
428  font-family: var(--t-text-font);
429  font-size: 11px;
430  color: #6b7080;
431  margin-top: auto;
432  align-items: center;
433}
434.it-archive-card__meta span { display: inline-flex; align-items: center; gap: 5px; }
435.it-archive-card__meta img { width: 12px; height: 12px; filter: invert(0.5); }
436.it-archive-card__meta-dot {
437  width: 3px; height: 3px;
438  background: #4a4f5e;
439  border-radius: 50%;
440  display: inline-block;
441}
442
443@media (max-width: 960px) {
444  .it-archive { grid-template-columns: 1fr; }
445  .it-archive-card { grid-template-columns: 180px 1fr; }
446}
447@media (max-width: 540px) {
448  .it-archive-card { grid-template-columns: 1fr; min-height: auto; }
449  .it-archive-card__img { aspect-ratio: 16/9; }
450  .it-archive-card__body { padding: 18px 20px; }
451  .it-archive-card__title { font-size: 16px; }
452}
453
454/* ========== SECTIONS BASE ========== */
455.it-section {
456  padding: 40px 0; /* reduced from 80px */
457  font-family: var(--t-text-font);
458  position: relative;
459}
460.it-section__inner {
461  max-width: 1200px;
462  margin: 0 auto;
463  padding: 0 20px;
464}
465.it-section__head {
466  display: flex;
467  justify-content: space-between;
468  align-items: flex-end;
469  margin-bottom: 28px; /* reduced from 50px */
470  gap: 24px;
471  flex-wrap: wrap;
472}
473.it-section__title-wrap { max-width: 700px; }
474.it-section__eyebrow {
475  display: inline-flex; align-items: center; gap: 8px;
476  font-family: var(--t-headline-font);
477  font-size: 12px;
478  font-weight: 600;
479  letter-spacing: 2px;
480  text-transform: uppercase;
481  color: #00b4ff;
482  margin-bottom: 10px; /* reduced */
483}
484.it-section__eyebrow::before {
485  content: ""; width: 24px; height: 1px; background: #00b4ff;
486}
487.it-section__title {
488  font-family: var(--t-headline-font);
489  font-size: clamp(26px, 3.6vw, 38px); /* slightly smaller */
490  font-weight: 700;
491  line-height: 1.1;
492  letter-spacing: -1px;
493  color: #0d0f14;
494  margin: 0;
495}
496.it-section__sub {
497  font-family: var(--t-text-font);
498  font-size: 15px;
499  color: #5a5f6e;
500  margin: 10px 0 0; /* reduced */
501  line-height: 1.5;
502}
503.it-section__link {
504  display: inline-flex; align-items: center; gap: 8px;
505  font-family: var(--t-text-font);
506  font-size: 14px;
507  color: #0d0f14;
508  text-decoration: none;
509  font-weight: 600;
510  border-bottom: 2px solid #00e5a0;
511  padding-bottom: 4px;
512  transition: gap .2s;
513}
514.it-section__link:hover { gap: 12px; }
515.it-section__link img { width: 14px; height: 14px; }
516
517/* ========== CATEGORIES ========== */
518.it-section--cat {
519  background: #f5f6f8;
520  border-top: 1px solid #e8eaf0;
521  border-bottom: 1px solid #e8eaf0;
522}
523.it-cats {
524  display: grid;
525  grid-template-columns: repeat(4, 1fr);
526  gap: 20px; /* reduced from 24px */
527}
528.it-cat {
529  background: #fff;
530  border: 1px solid #e8eaf0;
531  border-radius: 16px;
532  padding: 24px; /* reduced */
533  text-decoration: none;
534  color: #0d0f14;
535  transition: all .25s;
536  position: relative;
537  overflow: hidden;
538}
539.it-cat::before {
540  content: "";
541  position: absolute;
542  top: 0; left: 0; right: 0; height: 3px;
543  background: var(--cat-color, #00e5a0);
544  transform: scaleX(0);
545  transform-origin: left;
546  transition: transform .3s;
547}
548.it-cat:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(13,15,20,0.08); border-color: transparent; }
549.it-cat:hover::before { transform: scaleX(1); }
550.it-cat__icon {
551  width: 48px; height: 48px; /* slightly smaller */
552  border-radius: 12px;
553  background: color-mix(in srgb, var(--cat-color, #00e5a0) 12%, white);
554  display: grid; place-items: center;
555  margin-bottom: 16px; /* reduced */
556}
557.it-cat__icon img { width: 24px; height: 24px; }
558.it-cat__name {
559  font-family: var(--t-headline-font);
560  font-size: 19px; /* slightly smaller */
561  font-weight: 700;
562  margin: 0 0 8px;
563  color: #0d0f14;
564}
565.it-cat__desc {
566  font-family: var(--t-text-font);
567  font-size: 13px;
568  color: #5a5f6e;
569  line-height: 1.5;
570  margin: 0 0 16px; /* reduced */
571}
572.it-cat__count {
573  display: inline-flex; align-items: center; gap: 6px;
574  font-family: var(--t-headline-font);
575  font-size: 12px;
576  font-weight: 600;
577  color: var(--cat-color, #00e5a0);
578  letter-spacing: 0.5px;
579  text-transform: uppercase;
580}
581@media (max-width: 960px) { .it-cats { grid-template-columns: repeat(2, 1fr); } }
582@media (max-width: 480px) { .it-cats { grid-template-columns: 1fr; } }
583
584/* ========== NEWS LIST ========== */
585.it-section--news { background: #fff; }
586.it-news-grid {
587  display: grid;
588  grid-template-columns: 1.4fr 1fr;
589  gap: 30px; /* reduced from 40px */
590  align-items: start;
591}
592.it-news-feature {
593  position: relative;
594  border-radius: 20px;
595  overflow: hidden;
596  aspect-ratio: 4/3;
597  text-decoration: none;
598  color: #fff;
599  display: block;
600  border: 1px solid #e8eaf0;
601}
602.it-news-feature img {
603  width: 100%; height: 100%;
604  object-fit: cover;
605  display: block;
606  transition: transform .5s;
607}
608.it-news-feature:hover img { transform: scale(1.05); }
609.it-news-feature__overlay {
610  position: absolute; inset: 0;
611  background: linear-gradient(0deg, rgba(13,15,20,0.95) 0%, rgba(13,15,20,0.4) 50%, transparent 80%);
612}
613.it-news-feature__content {
614  position: absolute;
615  bottom: 0; left: 0; right: 0;
616  padding: 30px;
617}
618.it-news-feature__tag {
619  display: inline-block;
620  background: #00e5a0;
621  color: #0d0f14;
622  font-family: var(--t-headline-font);
623  font-size: 11px;
624  font-weight: 700;
625  padding: 4px 10px;
626  border-radius: 4px;
627  text-transform: uppercase;
628  letter-spacing: 1px;
629  margin-bottom: 14px;
630}
631.it-news-feature__title {
632  font-family: var(--t-headline-font);
633  font-size: clamp(22px, 2.5vw, 30px);
634  font-weight: 700;
635  line-height: 1.2;
636  margin: 0 0 12px;
637  color: #fff;
638}
639.it-news-feature__meta {
640  display: flex; gap: 16px;
641  font-family: var(--t-text-font);
642  font-size: 13px;
643  color: #b0b4c0;
644  align-items: center;
645}
646.it-news-feature__meta span { display: inline-flex; align-items: center; gap: 6px; }
647.it-news-feature__meta img { width: 14px; height: 14px; filter: invert(0.7); }
648
649.it-news-list { display: flex; flex-direction: column; gap: 14px; } /* reduced */
650.it-news-item {
651  display: grid;
652  grid-template-columns: 100px 1fr;
653  gap: 20px;
654  text-decoration: none;
655  color: #0d0f14;
656  padding: 14px; /* reduced */
657  border-radius: 12px;
658  transition: background .2s;
659  align-items: center;
660}
661.it-news-item:hover { background: #f5f6f8; }
662.it-news-item__img {
663  width: 100px; height: 80px;
664  border-radius: 8px;
665  overflow: hidden;
666}
667.it-news-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
668.it-news-item__tag {
669  display: inline-block;
670  font-family: var(--t-headline-font);
671  font-size: 10px;
672  font-weight: 700;
673  color: #00b4ff;
674  text-transform: uppercase;
675  letter-spacing: 1px;
676  margin-bottom: 6px;
677}
678.it-news-item__title {
679  font-family: var(--t-headline-font);
680  font-size: 15px;
681  font-weight: 600;
682  line-height: 1.35;
683  margin: 0 0 8px;
684  color: #0d0f14;
685}
686.it-news-item__meta {
687  display: flex; gap: 12px;
688  font-family: var(--t-text-font);
689  font-size: 11px;
690  color: #8a8f9c;
691}
692.it-news-item__meta span { display: inline-flex; align-items: center; gap: 4px; }
693.it-news-item__meta img { width: 11px; height: 11px; filter: invert(0.6); }
694
695@media (max-width: 960px) { .it-news-grid { grid-template-columns: 1fr; } }
696@media (max-width: 480px) {
697  .it-news-item { grid-template-columns: 80px 1fr; gap: 14px; }
698  .it-news-item__img { width: 80px; height: 64px; }
699  .it-news-feature__content { padding: 20px; }
700}
701
702/* ========== REVIEWS ========== */
703.it-section--reviews { background: #0d0f14; color: #e8eaf0; }
704.it-section--reviews .it-section__title { color: #fff; }
705.it-section--reviews .it-section__sub { color: #8a8f9c; }
706.it-section--reviews .it-section__eyebrow { color: #00e5a0; }
707.it-section--reviews .it-section__eyebrow::before { background: #00e5a0; }
708.it-section--reviews .it-section__link { color: #fff; }
709
710.it-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* reduced */
711.it-review {
712  background: #14171f;
713  border: 1px solid rgba(255,255,255,0.08);
714  border-radius: 16px;
715  overflow: hidden;
716  text-decoration: none;
717  color: #e8eaf0;
718  transition: all .3s;
719  display: flex; flex-direction: column;
720}
721.it-review:hover {
722  transform: translateY(-6px);
723  border-color: rgba(0,229,160,0.4);
724  box-shadow: 0 20px 40px rgba(0,229,160,0.08);
725}
726.it-review__img {
727  aspect-ratio: 16/10;
728  overflow: hidden;
729  position: relative;
730}
731.it-review__img img {
732  width: 100%; height: 100%;
733  object-fit: cover;
734  transition: transform .4s;
735}
736.it-review:hover .it-review__img img { transform: scale(1.08); }
737.it-review__rating {
738  position: absolute;
739  top: 14px; right: 14px;
740  background: rgba(13,15,20,0.85);
741  backdrop-filter: blur(8px);
742  -webkit-backdrop-filter: blur(8px);
743  padding: 6px 10px;
744  border-radius: 6px;
745  font-family: var(--t-headline-font);
746  font-size: 12px;
747  font-weight: 700;
748  color: #00e5a0;
749  display: flex; align-items: center; gap: 4px;
750}
751.it-review__rating img { width: 12px; height: 12px; filter: invert(78%) sepia(58%) saturate(503%) hue-rotate(102deg) brightness(95%) contrast(101%); }
752.it-review__body { padding: 20px; flex: 1; display: flex; flex-direction: column; } /* reduced */
753.it-review__tag {
754  font-family: var(--t-headline-font);
755  font-size: 11px;
756  font-weight: 600;
757  color: #00b4ff;
758  text-transform: uppercase;
759  letter-spacing: 1.2px;
760  margin-bottom: 10px;
761}
762.it-review__title {
763  font-family: var(--t-headline-font);
764  font-size: 18px;
765  font-weight: 700;
766  line-height: 1.3;
767  margin: 0 0 12px;
768  color: #fff;
769}
770.it-review__excerpt {
771  font-family: var(--t-text-font);
772  font-size: 14px;
773  color: #8a8f9c;
774  line-height: 1.5;
775  margin: 0 0 18px;
776  flex: 1;
777}
778.it-review__meta {
779  display: flex; justify-content: space-between;
780  padding-top: 16px;
781  border-top: 1px solid rgba(255,255,255,0.06);
782  font-family: var(--t-text-font);
783  font-size: 12px;
784  color: #6b7080;
785}
786.it-review__meta span { display: inline-flex; align-items: center; gap: 5px; }
787.it-review__meta img { width: 12px; height: 12px; filter: invert(0.5); }
788
789@media (max-width: 960px) { .it-reviews { grid-template-columns: repeat(2, 1fr); } }
790@media (max-width: 640px) { .it-reviews { grid-template-columns: 1fr; } }
791
792/* ========== ARTICLES ========== */
793.it-section--articles { background: #fff; }
794.it-articles {
795  display: grid;
796  grid-template-columns: 2fr 1fr 1fr;
797  gap: 20px; /* reduced */
798}
799.it-article {
800  background: #fff;
801  border: 1px solid #e8eaf0;
802  border-radius: 16px;
803  overflow: hidden;
804  text-decoration: none;
805  color: #0d0f14;
806  transition: all .3s;
807  display: flex; flex-direction: column;
808}
809.it-article:hover {
810  border-color: #0d0f14;
811  transform: translateY(-4px);
812  box-shadow: 0 12px 30px rgba(13,15,20,0.08);
813}
814.it-article--main { grid-row: span 2; }
815.it-article--main .it-article__img { aspect-ratio: 16/10; }
816.it-article__img { aspect-ratio: 16/9; overflow: hidden; }
817.it-article__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
818.it-article:hover .it-article__img img { transform: scale(1.05); }
819.it-article__body { padding: 20px; flex: 1; display: flex; flex-direction: column; } /* reduced */
820.it-article__tag {
821  font-family: var(--t-headline-font);
822  font-size: 11px;
823  font-weight: 600;
824  color: #00a37a;
825  text-transform: uppercase;
826  letter-spacing: 1.2px;
827  margin-bottom: 10px;
828}
829.it-article__title {
830  font-family: var(--t-headline-font);
831  font-size: 18px;
832  font-weight: 700;
833  line-height: 1.3;
834  margin: 0 0 12px;
835  color: #0d0f14;
836}
837.it-article--main .it-article__title { font-size: 24px; }
838.it-article__excerpt {
839  font-family: var(--t-text-font);
840  font-size: 14px;
841  color: #5a5f6e;
842  line-height: 1.55;
843  margin: 0 0 16px;
844  flex: 1;
845}
846.it-article__author {
847  display: flex; align-items: center; gap: 10px;
848  padding-top: 14px;
849  border-top: 1px solid #e8eaf0;
850  font-family: var(--t-text-font);
851  font-size: 12px;
852  color: #5a5f6e;
853}
854.it-article__author-avatar {
855  width: 28px; height: 28px;
856  border-radius: 50%;
857  background: linear-gradient(135deg, #00e5a0, #00b4ff);
858  display: grid; place-items: center;
859  font-family: var(--t-headline-font);
860  font-size: 11px;
861  font-weight: 700;
862  color: #0d0f14;
863}
864.it-article__author strong { color: #0d0f14; font-weight: 600; }
865
866@media (max-width: 960px) {
867  .it-articles { grid-template-columns: repeat(2, 1fr); }
868  .it-article--main { grid-column: span 2; grid-row: auto; }
869}
870@media (max-width: 640px) {
871  .it-articles { grid-template-columns: 1fr; }
872  .it-article--main { grid-column: auto; }
873}
874
875/* ========== SUBSCRIBE ========== */
876.it-section--subscribe {
877  background: #0d0f14;
878  color: #e8eaf0;
879  position: relative;
880  overflow: hidden;
881  padding: 50px 0; /* reduced from 80px (inherits 40px from base) */
882}
883.it-section--subscribe::before {
884  content: "";
885  position: absolute;
886  top: -200px; right: -200px;
887  width: 500px; height: 500px;
888  background: radial-gradient(circle, rgba(0,229,160,0.15), transparent 60%);
889  pointer-events: none;
890}
891.it-sub {
892  display: grid;
893  grid-template-columns: 1fr 1fr;
894  gap: 50px; /* reduced from 60px */
895  align-items: center;
896  position: relative;
897  z-index: 1;
898}
899.it-sub__title {
900  font-family: var(--t-headline-font);
901  font-size: clamp(26px, 3.2vw, 36px); /* slightly smaller */
902  font-weight: 700;
903  line-height: 1.1;
904  color: #fff;
905  margin: 0 0 14px; /* reduced */
906  letter-spacing: -0.5px;
907}
908.it-sub__title span { color: #00e5a0; }
909.it-sub__lead {
910  font-family: var(--t-text-font);
911  font-size: 15px; /* reduced */
912  color: #8a8f9c;
913  line-height: 1.6;
914  margin: 0;
915}
916.it-sub__form { display: flex; flex-direction: column; gap: 12px; } /* reduced */
917.it-sub__input {
918  display: flex;
919  background: #14171f;
920  border: 1px solid rgba(255,255,255,0.1);
921  border-radius: 12px;
922  padding: 6px;
923  transition: border-color .2s;
924}
925.it-sub__input:focus-within { border-color: #00e5a0; }
926.it-sub__input input {
927  flex: 1;
928  background: transparent;
929  border: none;
930  outline: none;
931  padding: 12px 16px; /* reduced */
932  color: #fff;
933  font-family: var(--t-text-font);
934  font-size: 15px;
935}
936.it-sub__input input::placeholder { color: #5a5f6e; }
937.it-sub__check {
938  display: flex; align-items: flex-start; gap: 10px;
939  font-family: var(--t-text-font);
940  font-size: 12px;
941  color: #8a8f9c;
942  line-height: 1.4;
943}
944.it-sub__check input { margin-top: 2px; accent-color: #00e5a0; }
945@media (max-width: 960px) {
946  .it-sub { grid-template-columns: 1fr; gap: 24px; }
947}
948
949/* ========== FOOTER ========== */
950.it-footer {
951  background: #08090d;
952  color: #8a8f9c;
953  padding: 40px 0 24px; /* reduced from 60/30 */
954  font-family: var(--t-text-font);
955  font-size: 14px;
956  border-top: 1px solid rgba(255,255,255,0.06);
957}
958.it-footer__inner {
959  max-width: 1200px;
960  margin: 0 auto;
961  padding: 0 20px;
962}
963.it-footer__grid {
964  display: grid;
965  grid-template-columns: 2fr 1fr 1fr 1fr;
966  gap: 30px; /* reduced from 40px */
967  margin-bottom: 24px; /* reduced from 40px */
968}
969.it-footer__brand-desc {
970  font-size: 13px; /* slightly smaller */
971  line-height: 1.6;
972  color: #5a5f6e;
973  margin: 14px 0 16px; /* reduced */
974  max-width: 320px;
975}
976.it-footer__socials { display: flex; gap: 10px; }
977.it-footer__social {
978  width: 34px; height: 34px; /* slightly smaller */
979  border-radius: 8px;
980  background: rgba(255,255,255,0.04);
981  border: 1px solid rgba(255,255,255,0.08);
982  display: grid; place-items: center;
983  text-decoration: none;
984  color: #8a8f9c;
985  font-family: var(--t-headline-font);
986  font-size: 13px;
987  font-weight: 700;
988  transition: all .2s;
989}
990.it-footer__social:hover { background: #00e5a0; color: #0d0f14; border-color: #00e5a0; }
991.it-footer__title {
992  font-family: var(--t-headline-font);
993  font-size: 13px;
994  font-weight: 700;
995  color: #fff;
996  text-transform: uppercase;
997  letter-spacing: 1.5px;
998  margin: 0 0 14px; /* reduced */
999}
1000.it-footer__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } /* reduced */
1001.it-footer__list a {
1002  color: #8a8f9c;
1003  text-decoration: none;
1004  font-size: 14px;
1005  transition: color .2s;
1006}
1007.it-footer__list a:hover { color: #00e5a0; }
1008.it-footer__bottom {
1009  display: flex; justify-content: space-between;
1010  padding-top: 20px; /* reduced */
1011  border-top: 1px solid rgba(255,255,255,0.06);
1012  font-size: 12px;
1013  color: #5a5f6e;
1014  flex-wrap: wrap;
1015  gap: 14px;
1016}
1017@media (max-width: 960px) {
1018  .it-footer__grid { grid-template-columns: 1fr 1fr; }
1019  .it-footer__brand { grid-column: span 2; }
1020}
1021@media (max-width: 480px) {
1022  .it-footer__grid { grid-template-columns: 1fr; }
1023  .it-footer__brand { grid-column: auto; }
1024}
1025
1026/* ========== MOBILE MENU ========== */
1027.it-mobmenu {
1028  display: none;
1029  position: fixed;
1030  top: 0; left: 0; right: 0; bottom: 0;
1031  background: #0d0f14;
1032  z-index: 100;
1033  flex-direction: column;
1034  padding: 30px 20px;
1035  font-family: var(--t-text-font);
1036}
1037.it-mobmenu.is-open { display: flex; }
1038.it-mobmenu__head {
1039  display: flex; justify-content: space-between; align-items: center;
1040  margin-bottom: 40px;
1041}
1042.it-mobmenu__close {
1043  width: 40px; height: 40px;
1044  background: transparent;
1045  border: 1px solid rgba(255,255,255,0.15);
1046  border-radius: 8px;
1047  color: #fff;
1048  font-size: 22px;
1049  cursor: pointer;
1050  display: grid; place-items: center;
1051}
1052.it-mobmenu__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
1053.it-mobmenu__list a {
1054  display: block;
1055  color: #fff;
1056  text-decoration: none;
1057  font-family: var(--t-headline-font);
1058  font-size: 22px;
1059  font-weight: 600;
1060  padding: 12px 0;
1061  border-bottom: 1px solid rgba(255,255,255,0.08);
1062}
1063</style> <div class="it-site"> <!-- ============ NAV ============ --> <nav class="it-nav"> <div class="it-nav__inner"> <a class="it-nav__logo" href="/"><span class="it-nav__logo-mark">IT</span> <span>mentor</span> </a> <ul class="it-nav__menu"> <li><a href="/it-belarus" class="it-nav__link">IT Беларусь</a></li> <li><a href="/news" class="it-nav__link">Новости</a></li> <li><a href="/review" class="it-nav__link">Обзоры</a></li> <li><a href="/articles" class="it-nav__link">Статьи</a></li> </ul> <div class="it-nav__cta"> <button class="it-nav__burger" id="itBurger" aria-label="Меню"> <span></span><span></span><span></span> </button> </div> </div> </nav> <!-- ============ IT BELARUS ZONE (HERO + ARCHIVE unified) ============ --> <div class="it-belarus-zone"> <!-- ============ IT BELARUS HERO ============ --> <!-- ============ IT BELARUS ARCHIVE ============ --> </div> <!-- ============ NEWS ============ --> <!-- ============ ARTICLES ============ --> <!-- ============ SUBSCRIBE ============ --> <!-- ============ FOOTER ============ --> <!-- ============ MOBILE MENU ============ --> <div class="it-mobmenu" id="itMobMenu"> <div class="it-mobmenu__head"> <a href="#" class="it-nav__logo"> <span class="it-nav__logo-mark">IT</span> <span>mentor</span> </a> <button class="it-mobmenu__close" id="itMobClose" aria-label="Закрыть">×</button> </div> <ul class="it-mobmenu__list"> <li><a href="#belarus">IT Беларусь</a></li> <li><a href="#news">Новости</a></li> <li><a href="#reviews">Обзоры</a></li> <li><a href="#articles">Статьи</a></li> <li><a href="#subscribe">Подписаться</a></li> </ul> </div> </div> 
1063<script>
1064(function() {
1065  var burger = document.getElementById('itBurger');
1066  var mobMenu = document.getElementById('itMobMenu');
1067  var mobClose = document.getElementById('itMobClose');
1068  if (burger && mobMenu) {
1069    burger.addEventListener('click', function() {
1070      mobMenu.classList.add('is-open');
1071      document.body.style.overflow = 'hidden';
1072    });
1073  }
1074  if (mobClose && mobMenu) {
1075    mobClose.addEventListener('click', function() {
1076      mobMenu.classList.remove('is-open');
1077      document.body.style.overflow = '';
1078    });
1079  }
1080  if (mobMenu) {
1081    mobMenu.querySelectorAll('a').forEach(function(link) {
1082      link.addEventListener('click', function() {
1083        mobMenu.classList.remove('is-open');
1084        document.body.style.overflow = '';
1085      });
1086    });
1087  }
1088})();
1089</script>
1089<style data-vb-overrides="true">
1090.it-nav {
1091    background-color: rgb(13, 15, 20);
1092}
1093
1094.it-footer {
1095    background-color: rgb(13, 15, 20);
1096}
1097
1098.it-nav__link {
1099    color: rgb(255, 255, 255);
1100    background-color: #00b4ff00;
1101}
1102</style> <!-- nominify end --> </div> </div> </header> <!--/header--> <div id="rec1289715711" class="r t-rec t-rec_pt_45 t-rec_pb_135" style="padding-top:45px;padding-bottom:135px;background-color:#0d0f14; " data-animationappear="off" data-record-type="897" data-bg-color="#0d0f14"> <!-- t897 --> <!-- @classes t-descr t-descr_xxs t-descr_sm t-title t-title_xxs t-text t-text_md t-heading t-heading_lg t-name t-uptitle t-uptitle_sm t-uptitle_xs t-name_xs t-btn t-btn_xs t-btn_sm t-btn_md --> <div class="t897"> <!-- grid container start --> <div class="js-feed t-feed t-feed_col" data-feed-grid-type="col" data-feed-recid="1289715711"> <div class="t-feed__container t897__container"> <div class="js-feed-parts-select-container t-col t-col_12"></div> </div> <!-- preloader els --> <div class="js-feed-preloader t-feed__post-preloader_col t-feed__post-preloader__container_hidden t897__container t-feed__container_mobile-grid"> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-clear t-feed__grid-separator"></div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> <div class="t-feed__post-preloader t-feed__grid-col t-col t-col_3"> <div class="t-feed__post-preloader__img"> </div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> <!-- preloader els end --> <ul role="list" class="js-feed-container t-feed__container t897__container t-feed__container_mobile-grid" data-feed-show-count="30" data-feed-show-slice="1"></ul> </div> <!-- grid container end --> </div> <style>#rec1289715711 .t-feed__parts-switch-btn{border:1px solid #000000;border-radius:40px;}#rec1289715711 .t-feed__parts-switch-btn span,#rec1289715711 .t-feed__parts-switch-btn a{color:#000000;padding:6px 18px 6px;border-radius:40px;}#rec1289715711 .t-feed__parts-switch-btn.t-active{background-color:#000000;}#rec1289715711 .t-feed__parts-switch-btn.t-active span,#rec1289715711 .t-feed__parts-switch-btn.t-active a{color:#ffffff !important;}#rec1289715711 .t-feed__post-popup__cover-wrapper .t-slds__arrow{background-color:rgba(255,255,255,1);}#rec1289715711 .t-feed__post-popup__cover-wrapper .t-slds__bullet_active .t-slds__bullet_body,#rec1289715711 .t-feed__post-popup__cover-wrapper .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 
1102!important;}</style> <style>#rec1289715711 .t-feed__post-title{color:#ffffff;}#rec1289715711 .t-feed__post-descr{color:#ffffff;}#rec1289715711 .t-feed__post-date{color:#ffffff;}#rec1289715711 .t-feed__post-tag{color:#ffffff;}#rec1289715711 .t-feed__parts-switch-btn{color:#000000;font-weight:400;}</style> 
1102<script>t_onReady(function() {var separator_optsObj={height:'',color:'',opacity:'',hideSeparator:false};var popup_optsObj={popupBgColor:'#ffffff',overlayBgColorRgba:'rgba(255,255,255,1)',closeText:'',iconColor:'#000000',popupStat:'',titleColor:'',textColor:'',subtitleColor:'',datePos:'aftertext',partsPos:'aftertext',imagePos:'aftertitle',inTwoColumns:false,zoom:false,styleRelevants:'',methodRelevants:'random',titleRelevants:'',showRelevants:'',shareStyle:'',shareBg:'',isShare:false,shareServices:'',shareFBToken:'',showDate:true,bgSize:'cover',titleFontFamily:'',descrFontFamily:'',subtitleFontFamily:''};var arrowtop_optsObj={isShow:false,style:'',color:'',bottom:'',left:'',right:''};var parts_optsObj={partsBgColor:'',partsBorderSize:'1px',partsBorderColor:'#000000',align:'center'};var gallery_optsObj={control:'',arrowSize:'',arrowBorderSize:'',arrowColor:'',arrowColorHover:'',arrowBg:'#ffffff',arrowBgHover:'',arrowBgOpacity:'',arrowBgOpacityHover:'',showBorder:'',dotsWidth:'',dotsBg:'',dotsActiveBg:'',dotsBorderSize:''};var colWithBg_optsObj={paddingSize:'',background:'',borderRadius:'',shadow:'',shadowSize:'',shadowOpacity:'',shadowHover:'',shadowSizeHover:'',shadowOpacityHover:'',shadowShiftyHover:''};var options={recid:'1289715711',feeduid:'754786874041',previewmode:'yes',align:'left',amountOfPosts:'30',reverse:'desc',blocksInRow:'4',blocksClass:'t-feed__grid-col t-col t-col_3',blocksWidth:'260',colClass:'',prefixClass:'',vindent:'',dateFormat:'4',timeFormat:'',imageRatio:'75',hasOriginalAspectRatio:false,imageHeight:'',imageWidth:'',dateFilter:'all',showPartAll:true,showImage:true,showShortDescr:false,showParts:true,showDate:true,hideFeedParts:false,parts_opts:parts_optsObj,btnsAlign:false,colWithBg:colWithBg_optsObj,separator:separator_optsObj,btnAllPostsText:'',popup_opts:popup_optsObj,arrowtop_opts:arrowtop_optsObj,gallery:gallery_optsObj,amountOfSymbols:'',btnText:'',isHorizOnMob:false,itemsAnim:'',datePosPs:'beforetitle',partsPosPs:'beforetitle',imagePosPs:'beforetitle',datePos:'afterdescr',partsPos:'onimage',imagePos:'beforetitle'};t_onFuncLoad('t_feed_init',function() {t_feed_init('1289715711',options);});});</script>
1102 
1102<script>t_onReady(function() {var rec=document.getElementById('rec1289715711');if(!rec) return;var allRecords=document.getElementById('allrecords');if(!allRecords.getAttribute('data-tilda-mode')&&(window.lazy==='y'||allRecords.getAttribute('data-tilda-lazy')==='yes')) {t_onFuncLoad('t_lazyload_update',function() {var container=rec.querySelector('.js-feed-container.t897__container_mobile-flex');if(!container) return
1103container.addEventListener('scroll',t_throttle(function() {t_lazyload_update();}));});}});</script>
1103 </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="14375526" data-tilda-page-id="154276466" data-tilda-formskey="5ac76a6591d956715b3a40c914375526" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="biz" data-tilda-project-country="BY"> <div id="rec2472227521" class="r t-rec" style="background-color:#0d0f14; " data-animationappear="off" data-record-type="698" data-bg-color="#0d0f14"> <!-- t698 --> <!-- cover --> <div class="t-cover" id="recorddiv2472227521"bgimgfield="img"style="height:70vh;background-color: #0d0f14;"> <div class="t-cover__carrier" id="coverCarry2472227521"data-content-cover-id="2472227521"data-content-cover-bg=""data-display-changed="true"data-content-cover-height="70vh"data-content-cover-parallax="dynamic"data-content-use-image-for-mobile-cover=""style="height:70vh;background-attachment:scroll; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content=""></div> <div class="t-cover__filter" style="height:70vh;background-color: unset;opacity: 0.4;"></div> <div class="t698"> <div class="t-container "> <div class="t-width t-width_8 t698__mainblock"> <div class="t-cover__wrapper t-valign_middle" style="height:70vh;"> <div class="t698__mainwrapper" data-hook-content="covercontent"> <div class="t698__title t-title t-title_xs" field="title">Свяжитесь с нами</div> <div class="t698__descr t-descr t-descr_md" field="descr">Присылайте новости, делитесь историями или размещайте рекламу — мы всегда открыты к сотрудничеству</div> <div> <form
1104id="form2472227521" name='form2472227521' role="form" action='' method='POST' data-formactiontype="0" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t698_onSuccess"> <!-- NO ONE SERVICES CONNECTED --> <!-- @classes t-title t-text t-btn --> <div class="js-successbox t-form__successbox t-text t-text_md"
1105aria-live="polite"
1106style="display:none;"></div> <div
1107class="t-form__inputsbox
1108t-form__inputsbox_vertical-form t-form__inputsbox_inrow
1109"> <div
1110class="t-input-group t-input-group_em " data-input-lid="5524385456910" data-field-type="em" data-field-name="Email"> <div class="t-input-block " style="border-radius:7px;"> <input
1111type="email"
1112autocomplete="email"
1113name="Email"
1114id="input_5524385456910"
1115class="t-input js-tilda-rule"
1116value=""
1117placeholder="E-mail" data-tilda-rule="email"
1118aria-describedby="error_5524385456910"
1119style="color:#000000;background-color:#ffffff;border-radius:7px;"> </div> <div class="t-input-error" aria-live="polite" id="error_5524385456910"></div> </div> <div
1120class="t-input-group t-input-group_ph " data-input-lid="5624385456911" data-field-type="ph" data-field-name="Phone"> <div class="t-input-block " style="border-radius:7px;"> <input
1121type="tel"
1122autocomplete="tel"
1123name="Phone"
1124id="input_5624385456911"
1125class="t-input js-tilda-rule"
1126value=""
1127placeholder="Телефон" data-tilda-rule="phone"
1128pattern="[0-9]*"
1129aria-describedby="error_5624385456911"
1130style="color:#000000;background-color:#ffffff;border-radius:7px;"> </div> <div class="t-input-error" aria-live="polite" id="error_5624385456911"></div> </div> <div
1131class="t-input-group t-input-group_in " data-input-lid="5624385456912" data-field-type="in" data-field-name="Input"> <div class="t-input-block " style="border-radius:7px;"> <input
1132type="text"
1133name="Input"
1134id="input_5624385456912"
1135class="t-input js-tilda-rule"
1136value=""
1137placeholder="Комментарий"
1138aria-describedby="error_5624385456912"
1139style="color:#000000;background-color:#ffffff;border-radius:7px;"> </div> <div class="t-input-error" aria-live="polite" id="error_5624385456912"></div> </div> <div class="t-form__errorbox-middle"> <!--noindex--> <div
1140class="js-errorbox-all t-form__errorbox-wrapper"
1141style="display:none;" data-nosnippet
1142tabindex="-1"
1143aria-label="Ошибки при заполнении формы"> <ul
1144role="list"
1145class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
1146class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
1147type="submit"><span class="t-btnflex__text">Отправить</span> <style>#rec2472227521 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#00b4ff;--border-width:0px;border-style:none !important;border-radius:7px;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec2472227521 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover{background-color:#00b4ff !important;}#rec2472227521 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible{background-color:#00b4ff !important;}}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
1148class="js-errorbox-all t-form__errorbox-wrapper"
1149style="display:none;" data-nosnippet
1150tabindex="-1"
1151aria-label="Ошибки при заполнении формы"> <ul
1152role="list"
1153class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec2472227521 input::-webkit-input-placeholder{color:#000000;opacity:0.5;}#rec2472227521 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec2472227521 input:-moz-placeholder{color:#000000;opacity:0.5;}#rec2472227521 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec2472227521 textarea::-webkit-input-placeholder{color:#000000;opacity:0.5;}#rec2472227521 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec2472227521 textarea:-moz-placeholder{color:#000000;opacity:0.5;}#rec2472227521 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> </div> </div> </div> </div> </div> </div> </div> 
1153<script>if(typeof jQuery!=='undefined') {$('#rec2472227521').find('.js-form-proccess').on('tildaform:aftererror',function(e){e.preventDefault();t_onFuncLoad('t698_fixcontentheight',function(){t698_fixcontentheight('2472227521');});});$('.t698').bind('displayChanged',function(){t_onFuncLoad('t698_fixcontentheight',function(){t698_fixcontentheight('2472227521');});});} else {var formBlock=document.querySelector('#rec2472227521 .js-form-proccess');if(formBlock) {formBlock.addEventListener('tildaform:aftererror',function(e){e.preventDefault();t_onFuncLoad('t698_fixcontentheight',function(){t698_fixcontentheight('2472227521');});});}
1154var wrapperBlock=document.querySelector('#rec2472227521 .t698');if(wrapperBlock) {wrapperBlock.addEventListener('displayChanged',function(){t_onFuncLoad('t698_fixcontentheight',function(){t698_fixcontentheight('2472227521');});});}}
1155window.addEventListener('load',function() {setTimeout(function() {t_onFuncLoad('t_cover__setRecalculatedHeight',function() {var rec=document.getElementById('rec2472227521');if(rec) {var content=rec.querySelector('div[data-hook-content]');var contentHeight=content?t_cover__getPureHeight(content):0;t_cover__setRecalculatedHeight(rec,contentHeight);}});},1000);});</script>
1155 
1155<script>t_onReady(function() {var rec=document.getElementById('rec2472227521');var isConditionalForm=rec.querySelector('.t-conditional-form');if(isConditionalForm) {t_onFuncLoad('t_form__conditionals_addFieldsListeners',function() {t_form__conditionals_addFieldsListeners(rec,function() {var content=rec.querySelector('div[data-hook-content]');var contentHeight=content?t_cover__getPureHeight(content):0;t_cover__setRecalculatedHeight(rec,contentHeight);})})}})</script>
1155 </div> <div id="rec2472224131" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#0d0f14; " data-record-type="1370" data-bg-color="#0d0f14"> <!-- T1370 --> <div class="t1370"> <!-- nominify begin --> <style>
1156.it-site,
1157.it-site * { box-sizing: border-box; }
1158.it-site input,
1159.it-site textarea,
1160.it-site select { font: inherit; }
1161
1162/* ========== NAV (sticky) ========== */
1163.it-nav {
1164  display: flex;
1165  align-items: center;
1166  justify-content: space-between;
1167  padding: 18px 0;
1168  position: sticky;
1169  top: 0;
1170  z-index: 50;
1171  background: rgba(13,15,20,0.85);
1172  backdrop-filter: blur(14px);
1173  -webkit-backdrop-filter: blur(14px);
1174  border-bottom: 1px solid rgba(255,255,255,0.06);
1175}
1176.it-nav__inner {
1177  max-width: 1200px;
1178  margin: 0 auto;
1179  padding: 0 20px;
1180  width: 100%;
1181  display: flex;
1182  align-items: center;
1183  justify-content: space-between;
1184}
1185.it-nav__logo {
1186  display: flex; align-items: center; gap: 10px;
1187  font-family: var(--t-headline-font);
1188  font-size: 22px;
1189  font-weight: 700;
1190  color: #fff;
1191  text-decoration: none;
1192  letter-spacing: -0.5px;
1193}
1194.it-nav__logo-mark {
1195  width: 36px; height: 36px;
1196  background: linear-gradient(135deg, #00e5a0 0%, #00b4ff 100%);
1197  border-radius: 8px;
1198  display: grid; place-items: center;
1199  font-family: var(--t-headline-font);
1200  color: #0d0f14;
1201  font-weight: 800;
1202  font-size: 18px;
1203}
1204.it-nav__menu {
1205  display: flex; align-items: center; gap: 28px;
1206  list-style: none; padding: 0; margin: 0;
1207}
1208.it-nav__link {
1209  color: #b0b4c0;
1210  text-decoration: none;
1211  font-family: var(--t-text-font);
1212  font-size: 14px;
1213  font-weight: 500;
1214  transition: color .2s;
1215}
1216.it-nav__link:hover { color: #00e5a0; }
1217.it-nav__cta {
1218  display: flex; align-items: center; gap: 12px;
1219}
1220.it-nav__btn {
1221  background: #00e5a0;
1222  color: #0d0f14;
1223  border-radius: 8px;
1224  padding: 9px 18px;
1225  text-decoration: none;
1226  font-family: var(--t-headline-font);
1227  font-weight: 600;
1228  font-size: 13px;
1229  letter-spacing: 0.3px;
1230  transition: transform .2s, box-shadow .2s;
1231}
1232.it-nav__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,229,160,0.3); }
1233.it-nav__burger {
1234  display: none;
1235  width: 40px; height: 40px;
1236  background: transparent;
1237  border: 1px solid rgba(255,255,255,0.15);
1238  border-radius: 8px;
1239  cursor: pointer;
1240  padding: 0;
1241}
1242.it-nav__burger span {
1243  display: block; width: 18px; height: 2px;
1244  background: #fff; margin: 3px auto;
1245}
1246
1247@media (max-width: 960px) {
1248  .it-nav__menu { display: none; }
1249  .it-nav__burger { display: block; }
1250  .it-nav__btn { display: none; }
1251}
1252
1253/* ========== IT BELARUS WRAPPER (HERO + ARCHIVE unified) ========== */
1254.it-belarus-zone {
1255  position: relative;
1256  background: #0d0f14;
1257  color: #e8eaf0;
1258  font-family: var(--t-text-font);
1259  overflow: hidden;
1260}
1261/* Shared decorative background - applied to wrapper, not individual sections */
1262.it-belarus-zone::before {
1263  content: "";
1264  position: absolute; inset: 0;
1265  background:
1266    radial-gradient(ellipse 900px 600px at 85% 5%, rgba(0,229,160,0.2), transparent 60%),
1267    radial-gradient(ellipse 700px 500px at 10% 35%, rgba(0,180,255,0.1), transparent 60%),
1268    radial-gradient(ellipse 600px 400px at 50% 90%, rgba(0,229,160,0.12), transparent 60%);
1269  pointer-events: none;
1270  z-index: 0;
1271}
1272.it-belarus-zone::after {
1273  content: "";
1274  position: absolute; inset: 0;
1275  background-image:
1276    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
1277    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
1278  background-size: 60px 60px;
1279  mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
1280  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
1281  pointer-events: none;
1282  z-index: 0;
1283}
1284
1285/* ========== IT BELARUS HERO ========== */
1286.it-bh {
1287  position: relative;
1288  z-index: 1;
1289  padding: 50px 0 30px; /* reduced */
1290}
1291.it-bh__inner {
1292  max-width: 1200px;
1293  margin: 0 auto;
1294  padding: 0 20px;
1295}
1296.it-bh__top {
1297  display: grid;
1298  grid-template-columns: 1.2fr 1fr;
1299  gap: 40px;
1300  align-items: center;
1301  margin-bottom: 50px; /* reduced from 70px */
1302}
1303.it-bh__eyebrow {
1304  display: inline-flex; align-items: center; gap: 8px;
1305  padding: 6px 14px;
1306  background: rgba(0,229,160,0.1);
1307  border: 1px solid rgba(0,229,160,0.3);
1308  border-radius: 100px;
1309  font-family: var(--t-headline-font);
1310  font-size: 11px;
1311  font-weight: 600;
1312  color: #00e5a0;
1313  letter-spacing: 1.5px;
1314  text-transform: uppercase;
1315  margin-bottom: 24px;
1316}
1317.it-bh__eyebrow::before {
1318  content: ""; width: 6px; height: 6px;
1319  background: #00e5a0; border-radius: 50%;
1320  box-shadow: 0 0 8px #00e5a0;
1321  animation: it-pulse 2s infinite;
1322}
1323@keyframes it-pulse {
1324  0%,100% { opacity: 1; }
1325  50% { opacity: 0.4; }
1326}
1327.it-bh__title {
1328  font-family: var(--t-headline-font);
1329  font-size: clamp(36px, 5.5vw, 60px);
1330  font-weight: 700;
1331  line-height: 1.05;
1332  letter-spacing: -1.5px;
1333  color: #fff;
1334  margin: 0 0 24px;
1335}
1336.it-bh__title span { color: #00e5a0; }
1337.it-bh__lead {
1338  font-family: var(--t-text-font);
1339  font-size: 17px;
1340  line-height: 1.6;
1341  color: #8a8f9c;
1342  margin: 0 0 36px;
1343  max-width: 500px;
1344}
1345.it-bh__buttons { display: flex; gap: 14px; flex-wrap: wrap; }
1346.it-bh__btn-primary {
1347  background: #00e5a0; color: #0d0f14;
1348  border-radius: 10px; padding: 14px 24px;
1349  text-decoration: none;
1350  font-family: var(--t-headline-font);
1351  font-weight: 600;
1352  display: inline-flex; align-items: center; gap: 8px;
1353  transition: transform .2s, box-shadow .2s;
1354}
1355.it-bh__btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,229,160,0.3); }
1356.it-bh__btn-primary img { width: 14px; height: 14px; filter: invert(0.1); }
1357.it-bh__btn-ghost {
1358  background: transparent; color: #fff;
1359  border-radius: 10px; padding: 14px 24px;
1360  text-decoration: none;
1361  font-family: var(--t-headline-font);
1362  font-weight: 600;
1363  border: 1px solid rgba(255,255,255,0.2);
1364  display: inline-block;
1365  transition: all .2s;
1366}
1367.it-bh__btn-ghost:hover { border-color: #00e5a0; color: #00e5a0; }
1368
1369.it-bh__visual {
1370  position: relative;
1371  aspect-ratio: 4/3;
1372  border-radius: 20px;
1373  overflow: hidden;
1374  border: 1px solid rgba(255,255,255,0.1);
1375}
1376.it-bh__visual img {
1377  width: 100%; height: 100%;
1378  object-fit: cover;
1379  display: block;
1380  filter: contrast(1.05) saturate(0.85);
1381}
1382.it-bh__visual::after {
1383  content: "";
1384  position: absolute; inset: 0;
1385  background: linear-gradient(135deg, rgba(13,15,20,0.3), rgba(0,229,160,0.15));
1386}
1387.it-bh__visual-tag {
1388  position: absolute;
1389  top: 20px; left: 20px;
1390  background: rgba(13,15,20,0.85);
1391  backdrop-filter: blur(10px);
1392  -webkit-backdrop-filter: blur(10px);
1393  padding: 8px 14px;
1394  border-radius: 8px;
1395  font-family: var(--t-headline-font);
1396  font-size: 12px;
1397  font-weight: 600;
1398  color: #fff;
1399  display: flex; align-items: center; gap: 8px;
1400  z-index: 2;
1401}
1402.it-bh__visual-tag::before {
1403  content: ""; width: 8px; height: 8px;
1404  background: #00e5a0; border-radius: 50%;
1405  box-shadow: 0 0 8px #00e5a0;
1406}
1407.it-bh__visual-caption {
1408  position: absolute;
1409  bottom: 20px; right: 20px;
1410  background: rgba(13,15,20,0.85);
1411  backdrop-filter: blur(10px);
1412  -webkit-backdrop-filter: blur(10px);
1413  padding: 10px 16px;
1414  border-radius: 8px;
1415  font-family: var(--t-headline-font);
1416  font-size: 11px;
1417  color: #8a8f9c;
1418  text-transform: uppercase;
1419  letter-spacing: 1px;
1420  z-index: 2;
1421}
1422.it-bh__visual-caption strong { color: #00e5a0; font-size: 16px; display: block; margin-top: 2px; }
1423
1424.it-bh__stats {
1425  display: grid;
1426  grid-template-columns: repeat(4, 1fr);
1427  gap: 20px;
1428  padding: 30px;
1429  background: rgba(20,23,30,0.6);
1430  backdrop-filter: blur(12px);
1431  -webkit-backdrop-filter: blur(12px);
1432  border: 1px solid rgba(255,255,255,0.08);
1433  border-radius: 20px;
1434}
1435.it-bh__stat { text-align: left; }
1436.it-bh__stat-num {
1437  font-family: var(--t-headline-font);
1438  font-size: clamp(28px, 3.5vw, 40px);
1439  font-weight: 700;
1440  color: #fff;
1441  line-height: 1;
1442  letter-spacing: -1px;
1443}
1444.it-bh__stat-num span { color: #00e5a0; }
1445.it-bh__stat-label {
1446  font-family: var(--t-text-font);
1447  font-size: 12px;
1448  color: #6b7080;
1449  text-transform: uppercase;
1450  letter-spacing: 1px;
1451  margin-top: 8px;
1452}
1453
1454@media (max-width: 960px) {
1455  .it-bh__top { grid-template-columns: 1fr; gap: 50px; margin-bottom: 50px; }
1456  .it-bh__visual { max-width: 600px; margin: 0 auto; }
1457  .it-bh__stats { grid-template-columns: repeat(2, 1fr); gap: 24px; }
1458}
1459@media (max-width: 480px) {
1460  .it-bh { padding: 50px 0 40px; }
1461  .it-bh__title { font-size: 34px; }
1462  .it-bh__stats { padding: 22px; }
1463  .it-bh__visual-tag, .it-bh__visual-caption { font-size: 10px; padding: 6px 10px; }
1464}
1465
1466/* ========== IT BELARUS ARCHIVE (inside same zone) ========== */
1467.it-section--archive {
1468  position: relative;
1469  z-index: 1;
1470  padding: 20px 0 50px; /* reduced */
1471}
1472/* Divider line between hero and archive */
1473.it-section--archive::before {
1474  content: "";
1475  position: absolute;
1476  top: 0; left: 50%;
1477  transform: translateX(-50%);
1478  width: 200px; height: 1px;
1479  background: linear-gradient(90deg, transparent, rgba(0,229,160,0.4), transparent);
1480}
1481.it-section--archive .it-section__inner {
1482  max-width: 1200px;
1483  margin: 0 auto;
1484  padding: 0 20px;
1485}
1486.it-section--archive .it-section__title { color: #fff; }
1487.it-section--archive .it-section__sub { color: #8a8f9c; }
1488.it-section--archive .it-section__eyebrow { color: #00b4ff; }
1489.it-section--archive .it-section__eyebrow::before { background: #00b4ff; }
1490.it-section--archive .it-section__link { color: #fff; }
1491.it-section--archive .it-section__head { margin-bottom: 30px; } /* reduced */
1492
1493.it-archive {
1494  display: grid;
1495  grid-template-columns: 1fr 1fr;
1496  gap: 24px;
1497}
1498.it-archive-card {
1499  display: grid;
1500  grid-template-columns: 200px 1fr;
1501  background: rgba(20,23,30,0.7);
1502  backdrop-filter: blur(10px);
1503  -webkit-backdrop-filter: blur(10px);
1504  border: 1px solid rgba(255,255,255,0.08);
1505  border-radius: 16px;
1506  overflow: hidden;
1507  text-decoration: none;
1508  color: #e8eaf0;
1509  transition: all .3s;
1510  min-height: 200px;
1511  position: relative;
1512}
1513.it-archive-card:hover {
1514  border-color: rgba(0,229,160,0.4);
1515  transform: translateY(-3px);
1516  box-shadow: 0 16px 40px rgba(0,229,160,0.12);
1517  background: rgba(20,23,30,0.85);
1518}
1519.it-archive-card__img {
1520  position: relative;
1521  overflow: hidden;
1522}
1523.it-archive-card__img img {
1524  width: 100%; height: 100%;
1525  object-fit: cover;
1526  display: block;
1527  transition: transform .4s;
1528}
1529.it-archive-card:hover .it-archive-card__img img { transform: scale(1.08); }
1530.it-archive-card__num {
1531  position: absolute;
1532  top: 12px; left: 12px;
1533  background: rgba(13,15,20,0.85);
1534  backdrop-filter: blur(8px);
1535  -webkit-backdrop-filter: blur(8px);
1536  padding: 4px 9px;
1537  border-radius: 4px;
1538  font-family: var(--t-headline-font);
1539  font-size: 10px;
1540  font-weight: 700;
1541  color: #00b4ff;
1542  letter-spacing: 1.2px;
1543  border: 1px solid rgba(0,180,255,0.3);
1544}
1545.it-archive-card__body {
1546  padding: 22px 24px;
1547  display: flex; flex-direction: column;
1548  justify-content: space-between;
1549}
1550.it-archive-card__tag {
1551  font-family: var(--t-headline-font);
1552  font-size: 11px;
1553  font-weight: 600;
1554  color: #00b4ff;
1555  text-transform: uppercase;
1556  letter-spacing: 1.2px;
1557  margin-bottom: 10px;
1558}
1559.it-archive-card__title {
1560  font-family: var(--t-headline-font);
1561  font-size: 17px;
1562  font-weight: 700;
1563  line-height: 1.3;
1564  margin: 0 0 12px;
1565  color: #fff;
1566}
1567.it-archive-card__excerpt {
1568  font-family: var(--t-text-font);
1569  font-size: 13px;
1570  color: #8a8f9c;
1571  line-height: 1.5;
1572  margin: 0 0 14px;
1573  display: -webkit-box;
1574  -webkit-line-clamp: 2;
1575  -webkit-box-orient: vertical;
1576  overflow: hidden;
1577}
1578.it-archive-card__meta {
1579  display: flex; gap: 14px;
1580  font-family: var(--t-text-font);
1581  font-size: 11px;
1582  color: #6b7080;
1583  margin-top: auto;
1584  align-items: center;
1585}
1586.it-archive-card__meta span { display: inline-flex; align-items: center; gap: 5px; }
1587.it-archive-card__meta img { width: 12px; height: 12px; filter: invert(0.5); }
1588.it-archive-card__meta-dot {
1589  width: 3px; height: 3px;
1590  background: #4a4f5e;
1591  border-radius: 50%;
1592  display: inline-block;
1593}
1594
1595@media (max-width: 960px) {
1596  .it-archive { grid-template-columns: 1fr; }
1597  .it-archive-card { grid-template-columns: 180px 1fr; }
1598}
1599@media (max-width: 540px) {
1600  .it-archive-card { grid-template-columns: 1fr; min-height: auto; }
1601  .it-archive-card__img { aspect-ratio: 16/9; }
1602  .it-archive-card__body { padding: 18px 20px; }
1603  .it-archive-card__title { font-size: 16px; }
1604}
1605
1606/* ========== SECTIONS BASE ========== */
1607.it-section {
1608  padding: 40px 0; /* reduced from 80px */
1609  font-family: var(--t-text-font);
1610  position: relative;
1611}
1612.it-section__inner {
1613  max-width: 1200px;
1614  margin: 0 auto;
1615  padding: 0 20px;
1616}
1617.it-section__head {
1618  display: flex;
1619  justify-content: space-between;
1620  align-items: flex-end;
1621  margin-bottom: 28px; /* reduced from 50px */
1622  gap: 24px;
1623  flex-wrap: wrap;
1624}
1625.it-section__title-wrap { max-width: 700px; }
1626.it-section__eyebrow {
1627  display: inline-flex; align-items: center; gap: 8px;
1628  font-family: var(--t-headline-font);
1629  font-size: 12px;
1630  font-weight: 600;
1631  letter-spacing: 2px;
1632  text-transform: uppercase;
1633  color: #00b4ff;
1634  margin-bottom: 10px; /* reduced */
1635}
1636.it-section__eyebrow::before {
1637  content: ""; width: 24px; height: 1px; background: #00b4ff;
1638}
1639.it-section__title {
1640  font-family: var(--t-headline-font);
1641  font-size: clamp(26px, 3.6vw, 38px); /* slightly smaller */
1642  font-weight: 700;
1643  line-height: 1.1;
1644  letter-spacing: -1px;
1645  color: #0d0f14;
1646  margin: 0;
1647}
1648.it-section__sub {
1649  font-family: var(--t-text-font);
1650  font-size: 15px;
1651  color: #5a5f6e;
1652  margin: 10px 0 0; /* reduced */
1653  line-height: 1.5;
1654}
1655.it-section__link {
1656  display: inline-flex; align-items: center; gap: 8px;
1657  font-family: var(--t-text-font);
1658  font-size: 14px;
1659  color: #0d0f14;
1660  text-decoration: none;
1661  font-weight: 600;
1662  border-bottom: 2px solid #00e5a0;
1663  padding-bottom: 4px;
1664  transition: gap .2s;
1665}
1666.it-section__link:hover { gap: 12px; }
1667.it-section__link img { width: 14px; height: 14px; }
1668
1669/* ========== CATEGORIES ========== */
1670.it-section--cat {
1671  background: #f5f6f8;
1672  border-top: 1px solid #e8eaf0;
1673  border-bottom: 1px solid #e8eaf0;
1674}
1675.it-cats {
1676  display: grid;
1677  grid-template-columns: repeat(4, 1fr);
1678  gap: 20px; /* reduced from 24px */
1679}
1680.it-cat {
1681  background: #fff;
1682  border: 1px solid #e8eaf0;
1683  border-radius: 16px;
1684  padding: 24px; /* reduced */
1685  text-decoration: none;
1686  color: #0d0f14;
1687  transition: all .25s;
1688  position: relative;
1689  overflow: hidden;
1690}
1691.it-cat::before {
1692  content: "";
1693  position: absolute;
1694  top: 0; left: 0; right: 0; height: 3px;
1695  background: var(--cat-color, #00e5a0);
1696  transform: scaleX(0);
1697  transform-origin: left;
1698  transition: transform .3s;
1699}
1700.it-cat:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(13,15,20,0.08); border-color: transparent; }
1701.it-cat:hover::before { transform: scaleX(1); }
1702.it-cat__icon {
1703  width: 48px; height: 48px; /* slightly smaller */
1704  border-radius: 12px;
1705  background: color-mix(in srgb, var(--cat-color, #00e5a0) 12%, white);
1706  display: grid; place-items: center;
1707  margin-bottom: 16px; /* reduced */
1708}
1709.it-cat__icon img { width: 24px; height: 24px; }
1710.it-cat__name {
1711  font-family: var(--t-headline-font);
1712  font-size: 19px; /* slightly smaller */
1713  font-weight: 700;
1714  margin: 0 0 8px;
1715  color: #0d0f14;
1716}
1717.it-cat__desc {
1718  font-family: var(--t-text-font);
1719  font-size: 13px;
1720  color: #5a5f6e;
1721  line-height: 1.5;
1722  margin: 0 0 16px; /* reduced */
1723}
1724.it-cat__count {
1725  display: inline-flex; align-items: center; gap: 6px;
1726  font-family: var(--t-headline-font);
1727  font-size: 12px;
1728  font-weight: 600;
1729  color: var(--cat-color, #00e5a0);
1730  letter-spacing: 0.5px;
1731  text-transform: uppercase;
1732}
1733@media (max-width: 960px) { .it-cats { grid-template-columns: repeat(2, 1fr); } }
1734@media (max-width: 480px) { .it-cats { grid-template-columns: 1fr; } }
1735
1736/* ========== NEWS LIST ========== */
1737.it-section--news { background: #fff; }
1738.it-news-grid {
1739  display: grid;
1740  grid-template-columns: 1.4fr 1fr;
1741  gap: 30px; /* reduced from 40px */
1742  align-items: start;
1743}
1744.it-news-feature {
1745  position: relative;
1746  border-radius: 20px;
1747  overflow: hidden;
1748  aspect-ratio: 4/3;
1749  text-decoration: none;
1750  color: #fff;
1751  display: block;
1752  border: 1px solid #e8eaf0;
1753}
1754.it-news-feature img {
1755  width: 100%; height: 100%;
1756  object-fit: cover;
1757  display: block;
1758  transition: transform .5s;
1759}
1760.it-news-feature:hover img { transform: scale(1.05); }
1761.it-news-feature__overlay {
1762  position: absolute; inset: 0;
1763  background: linear-gradient(0deg, rgba(13,15,20,0.95) 0%, rgba(13,15,20,0.4) 50%, transparent 80%);
1764}
1765.it-news-feature__content {
1766  position: absolute;
1767  bottom: 0; left: 0; right: 0;
1768  padding: 30px;
1769}
1770.it-news-feature__tag {
1771  display: inline-block;
1772  background: #00e5a0;
1773  color: #0d0f14;
1774  font-family: var(--t-headline-font);
1775  font-size: 11px;
1776  font-weight: 700;
1777  padding: 4px 10px;
1778  border-radius: 4px;
1779  text-transform: uppercase;
1780  letter-spacing: 1px;
1781  margin-bottom: 14px;
1782}
1783.it-news-feature__title {
1784  font-family: var(--t-headline-font);
1785  font-size: clamp(22px, 2.5vw, 30px);
1786  font-weight: 700;
1787  line-height: 1.2;
1788  margin: 0 0 12px;
1789  color: #fff;
1790}
1791.it-news-feature__meta {
1792  display: flex; gap: 16px;
1793  font-family: var(--t-text-font);
1794  font-size: 13px;
1795  color: #b0b4c0;
1796  align-items: center;
1797}
1798.it-news-feature__meta span { display: inline-flex; align-items: center; gap: 6px; }
1799.it-news-feature__meta img { width: 14px; height: 14px; filter: invert(0.7); }
1800
1801.it-news-list { display: flex; flex-direction: column; gap: 14px; } /* reduced */
1802.it-news-item {
1803  display: grid;
1804  grid-template-columns: 100px 1fr;
1805  gap: 20px;
1806  text-decoration: none;
1807  color: #0d0f14;
1808  padding: 14px; /* reduced */
1809  border-radius: 12px;
1810  transition: background .2s;
1811  align-items: center;
1812}
1813.it-news-item:hover { background: #f5f6f8; }
1814.it-news-item__img {
1815  width: 100px; height: 80px;
1816  border-radius: 8px;
1817  overflow: hidden;
1818}
1819.it-news-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
1820.it-news-item__tag {
1821  display: inline-block;
1822  font-family: var(--t-headline-font);
1823  font-size: 10px;
1824  font-weight: 700;
1825  color: #00b4ff;
1826  text-transform: uppercase;
1827  letter-spacing: 1px;
1828  margin-bottom: 6px;
1829}
1830.it-news-item__title {
1831  font-family: var(--t-headline-font);
1832  font-size: 15px;
1833  font-weight: 600;
1834  line-height: 1.35;
1835  margin: 0 0 8px;
1836  color: #0d0f14;
1837}
1838.it-news-item__meta {
1839  display: flex; gap: 12px;
1840  font-family: var(--t-text-font);
1841  font-size: 11px;
1842  color: #8a8f9c;
1843}
1844.it-news-item__meta span { display: inline-flex; align-items: center; gap: 4px; }
1845.it-news-item__meta img { width: 11px; height: 11px; filter: invert(0.6); }
1846
1847@media (max-width: 960px) { .it-news-grid { grid-template-columns: 1fr; } }
1848@media (max-width: 480px) {
1849  .it-news-item { grid-template-columns: 80px 1fr; gap: 14px; }
1850  .it-news-item__img { width: 80px; height: 64px; }
1851  .it-news-feature__content { padding: 20px; }
1852}
1853
1854/* ========== REVIEWS ========== */
1855.it-section--reviews { background: #0d0f14; color: #e8eaf0; }
1856.it-section--reviews .it-section__title { color: #fff; }
1857.it-section--reviews .it-section__sub { color: #8a8f9c; }
1858.it-section--reviews .it-section__eyebrow { color: #00e5a0; }
1859.it-section--reviews .it-section__eyebrow::before { background: #00e5a0; }
1860.it-section--reviews .it-section__link { color: #fff; }
1861
1862.it-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* reduced */
1863.it-review {
1864  background: #14171f;
1865  border: 1px solid rgba(255,255,255,0.08);
1866  border-radius: 16px;
1867  overflow: hidden;
1868  text-decoration: none;
1869  color: #e8eaf0;
1870  transition: all .3s;
1871  display: flex; flex-direction: column;
1872}
1873.it-review:hover {
1874  transform: translateY(-6px);
1875  border-color: rgba(0,229,160,0.4);
1876  box-shadow: 0 20px 40px rgba(0,229,160,0.08);
1877}
1878.it-review__img {
1879  aspect-ratio: 16/10;
1880  overflow: hidden;
1881  position: relative;
1882}
1883.it-review__img img {
1884  width: 100%; height: 100%;
1885  object-fit: cover;
1886  transition: transform .4s;
1887}
1888.it-review:hover .it-review__img img { transform: scale(1.08); }
1889.it-review__rating {
1890  position: absolute;
1891  top: 14px; right: 14px;
1892  background: rgba(13,15,20,0.85);
1893  backdrop-filter: blur(8px);
1894  -webkit-backdrop-filter: blur(8px);
1895  padding: 6px 10px;
1896  border-radius: 6px;
1897  font-family: var(--t-headline-font);
1898  font-size: 12px;
1899  font-weight: 700;
1900  color: #00e5a0;
1901  display: flex; align-items: center; gap: 4px;
1902}
1903.it-review__rating img { width: 12px; height: 12px; filter: invert(78%) sepia(58%) saturate(503%) hue-rotate(102deg) brightness(95%) contrast(101%); }
1904.it-review__body { padding: 20px; flex: 1; display: flex; flex-direction: column; } /* reduced */
1905.it-review__tag {
1906  font-family: var(--t-headline-font);
1907  font-size: 11px;
1908  font-weight: 600;
1909  color: #00b4ff;
1910  text-transform: uppercase;
1911  letter-spacing: 1.2px;
1912  margin-bottom: 10px;
1913}
1914.it-review__title {
1915  font-family: var(--t-headline-font);
1916  font-size: 18px;
1917  font-weight: 700;
1918  line-height: 1.3;
1919  margin: 0 0 12px;
1920  color: #fff;
1921}
1922.it-review__excerpt {
1923  font-family: var(--t-text-font);
1924  font-size: 14px;
1925  color: #8a8f9c;
1926  line-height: 1.5;
1927  margin: 0 0 18px;
1928  flex: 1;
1929}
1930.it-review__meta {
1931  display: flex; justify-content: space-between;
1932  padding-top: 16px;
1933  border-top: 1px solid rgba(255,255,255,0.06);
1934  font-family: var(--t-text-font);
1935  font-size: 12px;
1936  color: #6b7080;
1937}
1938.it-review__meta span { display: inline-flex; align-items: center; gap: 5px; }
1939.it-review__meta img { width: 12px; height: 12px; filter: invert(0.5); }
1940
1941@media (max-width: 960px) { .it-reviews { grid-template-columns: repeat(2, 1fr); } }
1942@media (max-width: 640px) { .it-reviews { grid-template-columns: 1fr; } }
1943
1944/* ========== ARTICLES ========== */
1945.it-section--articles { background: #fff; }
1946.it-articles {
1947  display: grid;
1948  grid-template-columns: 2fr 1fr 1fr;
1949  gap: 20px; /* reduced */
1950}
1951.it-article {
1952  background: #fff;
1953  border: 1px solid #e8eaf0;
1954  border-radius: 16px;
1955  overflow: hidden;
1956  text-decoration: none;
1957  color: #0d0f14;
1958  transition: all .3s;
1959  display: flex; flex-direction: column;
1960}
1961.it-article:hover {
1962  border-color: #0d0f14;
1963  transform: translateY(-4px);
1964  box-shadow: 0 12px 30px rgba(13,15,20,0.08);
1965}
1966.it-article--main { grid-row: span 2; }
1967.it-article--main .it-article__img { aspect-ratio: 16/10; }
1968.it-article__img { aspect-ratio: 16/9; overflow: hidden; }
1969.it-article__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
1970.it-article:hover .it-article__img img { transform: scale(1.05); }
1971.it-article__body { padding: 20px; flex: 1; display: flex; flex-direction: column; } /* reduced */
1972.it-article__tag {
1973  font-family: var(--t-headline-font);
1974  font-size: 11px;
1975  font-weight: 600;
1976  color: #00a37a;
1977  text-transform: uppercase;
1978  letter-spacing: 1.2px;
1979  margin-bottom: 10px;
1980}
1981.it-article__title {
1982  font-family: var(--t-headline-font);
1983  font-size: 18px;
1984  font-weight: 700;
1985  line-height: 1.3;
1986  margin: 0 0 12px;
1987  color: #0d0f14;
1988}
1989.it-article--main .it-article__title { font-size: 24px; }
1990.it-article__excerpt {
1991  font-family: var(--t-text-font);
1992  font-size: 14px;
1993  color: #5a5f6e;
1994  line-height: 1.55;
1995  margin: 0 0 16px;
1996  flex: 1;
1997}
1998.it-article__author {
1999  display: flex; align-items: center; gap: 10px;
2000  padding-top: 14px;
2001  border-top: 1px solid #e8eaf0;
2002  font-family: var(--t-text-font);
2003  font-size: 12px;
2004  color: #5a5f6e;
2005}
2006.it-article__author-avatar {
2007  width: 28px; height: 28px;
2008  border-radius: 50%;
2009  background: linear-gradient(135deg, #00e5a0, #00b4ff);
2010  display: grid; place-items: center;
2011  font-family: var(--t-headline-font);
2012  font-size: 11px;
2013  font-weight: 700;
2014  color: #0d0f14;
2015}
2016.it-article__author strong { color: #0d0f14; font-weight: 600; }
2017
2018@media (max-width: 960px) {
2019  .it-articles { grid-template-columns: repeat(2, 1fr); }
2020  .it-article--main { grid-column: span 2; grid-row: auto; }
2021}
2022@media (max-width: 640px) {
2023  .it-articles { grid-template-columns: 1fr; }
2024  .it-article--main { grid-column: auto; }
2025}
2026
2027/* ========== SUBSCRIBE ========== */
2028.it-section--subscribe {
2029  background: #0d0f14;
2030  color: #e8eaf0;
2031  position: relative;
2032  overflow: hidden;
2033  padding: 50px 0; /* reduced from 80px (inherits 40px from base) */
2034}
2035.it-section--subscribe::before {
2036  content: "";
2037  position: absolute;
2038  top: -200px; right: -200px;
2039  width: 500px; height: 500px;
2040  background: radial-gradient(circle, rgba(0,229,160,0.15), transparent 60%);
2041  pointer-events: none;
2042}
2043.it-sub {
2044  display: grid;
2045  grid-template-columns: 1fr 1fr;
2046  gap: 50px; /* reduced from 60px */
2047  align-items: center;
2048  position: relative;
2049  z-index: 1;
2050}
2051.it-sub__title {
2052  font-family: var(--t-headline-font);
2053  font-size: clamp(26px, 3.2vw, 36px); /* slightly smaller */
2054  font-weight: 700;
2055  line-height: 1.1;
2056  color: #fff;
2057  margin: 0 0 14px; /* reduced */
2058  letter-spacing: -0.5px;
2059}
2060.it-sub__title span { color: #00e5a0; }
2061.it-sub__lead {
2062  font-family: var(--t-text-font);
2063  font-size: 15px; /* reduced */
2064  color: #8a8f9c;
2065  line-height: 1.6;
2066  margin: 0;
2067}
2068.it-sub__form { display: flex; flex-direction: column; gap: 12px; } /* reduced */
2069.it-sub__input {
2070  display: flex;
2071  background: #14171f;
2072  border: 1px solid rgba(255,255,255,0.1);
2073  border-radius: 12px;
2074  padding: 6px;
2075  transition: border-color .2s;
2076}
2077.it-sub__input:focus-within { border-color: #00e5a0; }
2078.it-sub__input input {
2079  flex: 1;
2080  background: transparent;
2081  border: none;
2082  outline: none;
2083  padding: 12px 16px; /* reduced */
2084  color: #fff;
2085  font-family: var(--t-text-font);
2086  font-size: 15px;
2087}
2088.it-sub__input input::placeholder { color: #5a5f6e; }
2089.it-sub__check {
2090  display: flex; align-items: flex-start; gap: 10px;
2091  font-family: var(--t-text-font);
2092  font-size: 12px;
2093  color: #8a8f9c;
2094  line-height: 1.4;
2095}
2096.it-sub__check input { margin-top: 2px; accent-color: #00e5a0; }
2097@media (max-width: 960px) {
2098  .it-sub { grid-template-columns: 1fr; gap: 24px; }
2099}
2100
2101/* ========== FOOTER ========== */
2102.it-footer {
2103  background: #08090d;
2104  color: #8a8f9c;
2105  padding: 40px 0 24px; /* reduced from 60/30 */
2106  font-family: var(--t-text-font);
2107  font-size: 14px;
2108  border-top: 1px solid rgba(255,255,255,0.06);
2109}
2110.it-footer__inner {
2111  max-width: 1200px;
2112  margin: 0 auto;
2113  padding: 0 20px;
2114}
2115.it-footer__grid {
2116  display: grid;
2117  grid-template-columns: 2fr 1fr 1fr 1fr;
2118  gap: 30px; /* reduced from 40px */
2119  margin-bottom: 24px; /* reduced from 40px */
2120}
2121.it-footer__brand-desc {
2122  font-size: 13px; /* slightly smaller */
2123  line-height: 1.6;
2124  color: #5a5f6e;
2125  margin: 14px 0 16px; /* reduced */
2126  max-width: 320px;
2127}
2128.it-footer__socials { display: flex; gap: 10px; }
2129.it-footer__social {
2130  width: 34px; height: 34px; /* slightly smaller */
2131  border-radius: 8px;
2132  background: rgba(255,255,255,0.04);
2133  border: 1px solid rgba(255,255,255,0.08);
2134  display: grid; place-items: center;
2135  text-decoration: none;
2136  color: #8a8f9c;
2137  font-family: var(--t-headline-font);
2138  font-size: 13px;
2139  font-weight: 700;
2140  transition: all .2s;
2141}
2142.it-footer__social:hover { background: #00e5a0; color: #0d0f14; border-color: #00e5a0; }
2143.it-footer__title {
2144  font-family: var(--t-headline-font);
2145  font-size: 13px;
2146  font-weight: 700;
2147  color: #fff;
2148  text-transform: uppercase;
2149  letter-spacing: 1.5px;
2150  margin: 0 0 14px; /* reduced */
2151}
2152.it-footer__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } /* reduced */
2153.it-footer__list a {
2154  color: #8a8f9c;
2155  text-decoration: none;
2156  font-size: 14px;
2157  transition: color .2s;
2158}
2159.it-footer__list a:hover { color: #00e5a0; }
2160.it-footer__bottom {
2161  display: flex; justify-content: space-between;
2162  padding-top: 20px; /* reduced */
2163  border-top: 1px solid rgba(255,255,255,0.06);
2164  font-size: 12px;
2165  color: #5a5f6e;
2166  flex-wrap: wrap;
2167  gap: 14px;
2168}
2169@media (max-width: 960px) {
2170  .it-footer__grid { grid-template-columns: 1fr 1fr; }
2171  .it-footer__brand { grid-column: span 2; }
2172}
2173@media (max-width: 480px) {
2174  .it-footer__grid { grid-template-columns: 1fr; }
2175  .it-footer__brand { grid-column: auto; }
2176}
2177
2178/* ========== MOBILE MENU ========== */
2179.it-mobmenu {
2180  display: none;
2181  position: fixed;
2182  top: 0; left: 0; right: 0; bottom: 0;
2183  background: #0d0f14;
2184  z-index: 100;
2185  flex-direction: column;
2186  padding: 30px 20px;
2187  font-family: var(--t-text-font);
2188}
2189.it-mobmenu.is-open { display: flex; }
2190.it-mobmenu__head {
2191  display: flex; justify-content: space-between; align-items: center;
2192  margin-bottom: 40px;
2193}
2194.it-mobmenu__close {
2195  width: 40px; height: 40px;
2196  background: transparent;
2197  border: 1px solid rgba(255,255,255,0.15);
2198  border-radius: 8px;
2199  color: #fff;
2200  font-size: 22px;
2201  cursor: pointer;
2202  display: grid; place-items: center;
2203}
2204.it-mobmenu__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
2205.it-mobmenu__list a {
2206  display: block;
2207  color: #fff;
2208  text-decoration: none;
2209  font-family: var(--t-headline-font);
2210  font-size: 22px;
2211  font-weight: 600;
2212  padding: 12px 0;
2213  border-bottom: 1px solid rgba(255,255,255,0.08);
2214}
2215</style> <div class="it-site"> <!-- ============ NAV ============ --> <!-- ============ IT BELARUS ZONE (HERO + ARCHIVE unified) ============ --> <div class="it-belarus-zone"> <!-- ============ IT BELARUS HERO ============ --> <!-- ============ IT BELARUS ARCHIVE ============ --> </div> <!-- ============ NEWS ============ --> <!-- ============ ARTICLES ============ --> <!-- ============ SUBSCRIBE ============ --> <!-- ============ FOOTER ============ --> <footer class="it-footer"> <div class="it-footer__inner"> <div class="it-footer__grid"> <div class="it-footer__brand"> <a href="#" class="it-nav__logo" style="color:#fff;"> <span class="it-nav__logo-mark">IT</span> <span>mentor</span> </a> <p class="it-footer__brand-desc">Главное из мира IT — каждый день</p> <div class="it-footer__socials"> <a href="#" class="it-footer__social">TG</a> </div> <p class="it-footer__brand-desc"> <br>Ропот Петр Петрович  <br>
2216           
2217220082, Республика Беларусь, г.Минск,  <br> ул.Жудро 14-3  <br>
2218УНП АС4378735</p> </div> <div> <h4 class="it-footer__title">Рубрики</h4> <ul class="it-footer__list"> <li><a href="#belarus">IT Беларусь</a></li> <li><a href="#belarus-archive"></a></li> <li><a href="#news">Новости</a></li> <li><a href="#reviews">Обзоры</a></li> <li><a href="#articles">Статьи</a></li> </ul> </div> <div> <h4 class="it-footer__title">Компания</h4> <ul class="it-footer__list"> <li><a href="#">О нас</a></li> <li><a href="#">Команда</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Реклама</a></li> </ul> </div> <div> <h4 class="it-footer__title">Поддержка</h4> <ul class="it-footer__list"> <li><a href="#">
2218FAQ</a></li> <li><a href="#">Политика</a></li> <li></li> </ul> </div> </div> <div class="it-footer__bottom"> <div>© 2025 ITmentor. Все права защищены.</div> <div></div> </div> </div> </footer> <!-- ============ MOBILE MENU ============ --> <div class="it-mobmenu" id="itMobMenu"> <div class="it-mobmenu__head"> <a href="#" class="it-nav__logo"> <span class="it-nav__logo-mark">IT</span> <span>mentor</span> </a> <button class="it-mobmenu__close" id="itMobClose" aria-label="Закрыть">×</button> </div> <ul class="it-mobmenu__list"> <li><a href="#belarus">IT Беларусь</a></li> <li><a href="#belarus-archive">Архив</a></li> <li><a href="#news">Новости</a></li> <li><a href="#reviews">Обзоры</a></li> <li><a href="#articles">Статьи</a></li> <li><a href="#subscribe">Подписаться</a></li> </ul> </div> </div> 
2218<script>
2219(function() {
2220  var burger = document.getElementById('itBurger');
2221  var mobMenu = document.getElementById('itMobMenu');
2222  var mobClose = document.getElementById('itMobClose');
2223  if (burger && mobMenu) {
2224    burger.addEventListener('click', function() {
2225      mobMenu.classList.add('is-open');
2226      document.body.style.overflow = 'hidden';
2227    });
2228  }
2229  if (mobClose && mobMenu) {
2230    mobClose.addEventListener('click', function() {
2231      mobMenu.classList.remove('is-open');
2232      document.body.style.overflow = '';
2233    });
2234  }
2235  if (mobMenu) {
2236    mobMenu.querySelectorAll('a').forEach(function(link) {
2237      link.addEventListener('click', function() {
2238        mobMenu.classList.remove('is-open');
2239        document.body.style.overflow = '';
2240      });
2241    });
2242  }
2243})();
2244</script>
2244<style data-vb-overrides="true">
2245.it-nav {
2246    background-color: rgb(13, 15, 20);
2247}
2248
2249.it-footer {
2250    background-color: rgb(13, 15, 20);
2251}
2252
2253.it-bh__btn-primary {
2254    background-color: #00b4ff;
2255}
2256</style> <!-- nominify end --> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> 
2256<script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
2257window.tildastatcookie='no';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'daf1e61c2a71f76d57c04bf8cf70ff72','script','https://static.tildacdn.biz/js/tilda-stat-1.0.min.js');},2000);</script>
2257 </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.