:root{--kugam:#11151d;--gevar:#191f2a;--muvas:#202936;--gafran_stoubail:#2c3748;--clan:#e5eaf0;--fravex:#a9b3c1;--tus:#828d9d;--nofru:#56d4a3;--sour:#84afff;--zous_fon:14px;--pubam:"Avenir Next","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:dark}
a{color:inherit}
img{max-width:100%;height:auto}
body.clar{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--kugam);color:var(--clan);font:400 1rem/1.6 var(--pubam);overflow-wrap:break-word}
.tet{width:100%;max-width:1260px;margin-inline:auto;padding-inline:1.25rem}
.drat{flex:1;padding-block:1.5rem 3rem}
.drolam{position:sticky;top:0;z-index:20;background:rgba(17,21,29,.92);border-bottom:1px solid var(--gafran_stoubail)}
.nadim-caiclat{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;padding-block:.7rem}
.de{display:inline-flex;align-items:center;gap:.6rem;min-width:0;text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:-.01em;color:#ffffff}
.de img{flex:none}
.clupin-capris{display:flex;flex-wrap:wrap;gap:.35rem;margin-inline-start:auto}
.clupin-capris a{padding:.35rem .85rem;border-radius:99px;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--fravex)}
.clupin-capris a:hover{background:var(--muvas);color:#ffffff}
.clupin-capris a[aria-current]{background:var(--nofru);color:#073121}
.brul-rica{background:var(--gevar);border:1px solid var(--gafran_stoubail);border-radius:var(--zous_fon)}
.plout{display:inline-block;align-self:flex-start;max-width:100%;margin-bottom:.45rem;padding:.12rem .55rem;border-radius:99px;background:rgba(86,212,163,.13);font-size:.72rem;font-weight:700;letter-spacing:.03em;color:var(--nofru)}
.braihar-tremat{display:inline-block;padding:.35rem .9rem;border:1px solid var(--gafran_stoubail);border-radius:99px;font-size:.82rem;font-weight:600;text-decoration:none;color:var(--clan);white-space:normal}
.braihar-tremat:hover{border-color:var(--nofru);color:var(--nofru)}
.gax-ce{padding:1.4rem 1.6rem;margin-bottom:1.5rem}
.gax-ce h1{margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.2;letter-spacing:-.015em;color:#ffffff}
.gax-ce .plilou{margin-top:.8rem}
.train-hai{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start}
.frakam-kougoum{min-width:0;display:flex;flex-direction:column;gap:2rem}
.prekoum-plibout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto auto;gap:1rem}
.clorom-braiton{grid-row:1/3;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:24rem;overflow:hidden;border-radius:var(--zous_fon);background:linear-gradient(140deg,#204351,#19263a 55%,#252c51);border:1px solid var(--gafran_stoubail)}
.clorom-braiton:not(.glar){min-height:16rem}
.clorom-braiton>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.glar::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,15,22,.96) 8%,rgba(11,15,22,.55) 55%,rgba(11,15,22,.1))}
.koul-froufrir{position:relative;z-index:1;padding:1.5rem}
.clorom-braiton h2{margin:0 0 .6rem;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;color:#ffffff}
.clorom-braiton h2 a{text-decoration:none}
.clorom-braiton h2 a:hover{color:var(--nofru)}
.clorom-braiton p{margin:0 0 .6rem;color:#d5dce6}
.clorom-braiton time{font-size:.8rem;color:var(--fravex)}
.plais{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--gevar);border:1px solid var(--gafran_stoubail);border-radius:var(--zous_fon);transition:border-color .15s}
.plais:hover{border-color:#3f4d66}
.frai-brougax img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--muvas)}
.glail-mozax{display:flex;flex-direction:column;flex:1;min-width:0;padding:1rem 1.1rem 1.1rem}
.depex{border-top:3px solid var(--sour)}
.plais h3{margin:0 0 .45rem;font-size:1.06rem;line-height:1.3;font-weight:700;color:#ffffff}
.plais h3 a{text-decoration:none}
.plais h3 a:hover{color:var(--nofru)}
.plais p{margin:0 0 .6rem;font-size:.9rem;line-height:1.5;color:var(--fravex);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.plais time{margin-top:auto;font-size:.76rem;color:var(--tus)}
.prekoum-plibout .frai-brougax img{aspect-ratio:21/9}
.hu-cais{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.9rem}
.hu-cais h2{margin:0;display:flex;align-items:center;gap:.6rem;font-size:1.35rem;letter-spacing:-.01em;color:#ffffff}
.hu-cais h2::before{content:"";flex:none;width:.55rem;height:1.3rem;border-radius:3px;background:var(--nofru)}
.cle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cagi{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
.pur-sas{min-width:0;display:flex;flex-direction:column;gap:1rem}
.futos{position:sticky;top:5rem}
.trol{padding:1.1rem 1.2rem;background:var(--gevar);border:1px solid var(--gafran_stoubail);border-radius:var(--zous_fon)}
.trol h2{margin:0 0 .7rem;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tus)}
.plax-mon{margin:0;padding:0;list-style:none;counter-reset:wfd-n}
.plax-mon li{counter-increment:wfd-n;position:relative;padding-block:.6rem;padding-inline-start:2rem;border-top:1px solid var(--gafran_stoubail)}
.plax-mon li:first-child{border-top:0;padding-top:0}
.plax-mon li::before{content:counter(wfd-n,decimal-leading-zero);position:absolute;inset-inline-start:0;font-size:.8rem;font-weight:800;color:var(--nofru)}
.plax-mon a{display:block;font-size:.93rem;font-weight:600;line-height:1.35;text-decoration:none;color:var(--clan)}
.plax-mon a:hover{color:var(--nofru)}
.plax-mon time{font-size:.74rem;color:var(--tus)}
.clam{margin:0;padding:0;list-style:none}
.clam li{padding-block:.4rem;border-top:1px solid var(--gafran_stoubail)}
.clam li:first-child{border-top:0}
.clam a{font-size:.92rem;color:var(--sour);text-decoration:none}
.clam a:hover{text-decoration:underline}
.nadex-brouko{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.nadex-brouko a{display:inline-block;padding:.3rem .75rem;border-radius:99px;background:var(--muvas);font-size:.85rem;text-decoration:none;color:var(--clan)}
.nadex-brouko a:hover{background:#293851;color:#ffffff}
.nadex-brouko b{margin-inline-start:.3rem;font-size:.75rem;color:var(--nofru)}
.dir a{padding:.5rem 1rem;font-size:1rem}
.drouclai-frekou{padding:1.6rem;margin-bottom:1.4rem;background:linear-gradient(120deg,#192d41,var(--gevar) 60%)}
.drouclai-frekou h1{margin:0;font-size:clamp(1.8rem,4.6vw,2.8rem);line-height:1.1;letter-spacing:-.02em;color:#ffffff}
.drouclai-frekou p{max-width:48rem;margin:.6rem 0 0;color:var(--fravex)}
.clais{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:2rem}
.clais a,.clais span{min-width:2.5rem;padding:.45rem .75rem;border-radius:10px;background:var(--gevar);border:1px solid var(--gafran_stoubail);text-align:center;font-weight:700;text-decoration:none;color:var(--clan)}
.clais a:hover{border-color:var(--nofru)}
.clais [aria-current]{background:var(--nofru);border-color:var(--nofru);color:#073121}
[dir=rtl] .drer{transform:scaleX(-1)}
.zotam-daigler{min-width:0;padding:1.8rem 2rem 2rem}
.vam-broux{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;font-size:.82rem;color:var(--tus)}
.vam-broux a{text-decoration:none}
.vam-broux a:hover,.vam-broux a:last-child{color:var(--nofru)}
.zotam-daigler h1{margin:0 0 .8rem;font-size:clamp(1.8rem,4.4vw,2.8rem);line-height:1.12;letter-spacing:-.025em;color:#ffffff}
.vu{margin:0 0 1.2rem;font-size:1.15rem;line-height:1.5;color:var(--fravex)}
.refrun-situr{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;padding:.8rem 1rem;border-radius:12px;background:var(--muvas)}
.kam{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,var(--nofru),var(--sour));font-weight:800;text-transform:uppercase;color:#0d1728}
.refrun-situr>div{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.refrun-situr b{color:#ffffff}
.refrun-situr time{font-size:.82rem;color:var(--tus)}
.lou{margin:0 0 1.6rem}
.lou img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:var(--muvas)}
.plon{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--gafran_stoubail)}
.sorax{font-size:.88rem}
.sorax ul{margin:0;padding:0;list-style:none}
.sorax ul ul{padding-inline-start:.9rem}
.sorax li{margin:0}
.sorax a{display:block;padding:.3rem 0;padding-inline-start:.7rem;border-inline-start:2px solid var(--gafran_stoubail);text-decoration:none;color:var(--fravex)}
.sorax a:hover{border-color:var(--nofru);color:#ffffff}
.nodrit-lo{margin:0;padding:0;list-style:none}
.nodrit-lo li{display:flex;align-items:flex-start;gap:.7rem;padding-block:.6rem;border-top:1px solid var(--gafran_stoubail)}
.nodrit-lo li:first-child{border-top:0;padding-top:0}
.nodrit-lo img{flex:none;width:4.2rem;height:3rem;object-fit:cover;border-radius:8px;background:var(--muvas)}
.nodrit-lo a{min-width:0;font-size:.92rem;font-weight:600;line-height:1.35;text-decoration:none;color:var(--clan)}
.nodrit-lo a:hover{color:var(--nofru)}
.plilou{font-size:1.06rem;line-height:1.75;color:var(--clan)}
.plilou h2{margin:2.2rem 0 .7rem;font-size:1.55rem;line-height:1.25;letter-spacing:-.01em;color:#ffffff;scroll-margin-top:5rem}
.plilou h3{margin:1.7rem 0 .5rem;font-size:1.2rem;line-height:1.3;color:var(--nofru);scroll-margin-top:5rem}
.plilou a{color:var(--sour);overflow-wrap:anywhere}
.plilou ul,.plilou ol{padding-inline-start:1.4rem}
.plilou li{margin-bottom:.35rem}
.plilou li::marker{color:var(--nofru)}
.plilou blockquote{margin:1.6rem 0;padding:1rem 1.2rem;border-radius:12px;background:var(--muvas);border-inline-start:4px solid var(--nofru);color:#ffffff}
.plilou blockquote p{margin:0}
.plilou table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.9rem}
.plilou th{padding:.55rem .8rem;background:var(--muvas);text-align:start;color:#ffffff}
.plilou td{padding:.55rem .8rem;border-bottom:1px solid var(--gafran_stoubail)}
.plilou pre{max-width:100%;overflow-x:auto;padding:1rem;border-radius:10px;background:#0d121a;border:1px solid var(--gafran_stoubail);font-size:.86rem}
.plilou code{padding:.1em .35em;border-radius:5px;background:var(--muvas);font-size:.88em;overflow-wrap:anywhere}
.plilou pre code{padding:0;background:none;overflow-wrap:normal}
.plilou img{display:block;max-width:100%;height:auto;border-radius:10px}
.plilou hr{border:0;border-top:1px solid var(--gafran_stoubail);margin:2rem 0}
.ho{max-width:50rem;margin-inline:auto;padding:1.8rem 2rem}
.ho h1{margin:0 0 1rem;font-size:clamp(1.8rem,4.4vw,2.6rem);line-height:1.15;color:#ffffff}
.hil{max-width:36rem;margin:2rem auto;padding:2.4rem 2rem;text-align:center}
.ke{margin:0;font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--nofru),var(--sour));-webkit-background-clip:text;background-clip:text;color:transparent}
.hil h1{margin:.4rem 0;color:#ffffff}
.hil>p:not([class]){color:var(--fravex)}
.fou{border-top:1px solid var(--gafran_stoubail);background:#0e1118;color:var(--fravex);font-size:.9rem}
.te-rus{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;padding-block:1.8rem}
.te-rus section{max-width:36rem}
.te-rus p{margin:0}
.stala{margin-bottom:.3rem!important;font-size:1.1rem;font-weight:800;color:#ffffff}
.hubrot{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.hubrot a{display:inline-block;padding:.3rem .8rem;border:1px solid var(--gafran_stoubail);border-radius:99px;text-decoration:none;color:var(--clan)}
.hubrot a:hover{border-color:var(--nofru);color:var(--nofru)}
@media (max-width:1020px){.train-hai{grid-template-columns:minmax(0,1fr)}
.futos{position:static}
.cle{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){.tet{padding-inline:1rem}
.drolam{position:static}
.clupin-capris{margin-inline-start:0}
.prekoum-plibout{grid-template-columns:minmax(0,1fr)}
.clorom-braiton{grid-row:auto;min-height:18rem}
.cle{grid-template-columns:minmax(0,1fr)}
.zotam-daigler,.ho{padding:1.2rem 1rem 1.4rem}
.gax-ce{padding:1.1rem 1rem}
}