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.