:root{--blog-green:#6ebd45;--blog-green-dark:#5fa83a;--blog-navy:#041256;--blog-ink:#15233b;--blog-muted:#ffffffb8}html{overflow-x:clip}body:has(.blog-app){background:var(--blog-navy);margin:0;overflow:clip hidden}.bgv,.bgov{width:100%;height:100%;position:fixed;inset:0}.bgv{object-fit:cover;z-index:0}.bgov{z-index:1;pointer-events:none;background:linear-gradient(160deg,#0412566b,#04125633)}.blog-app,.blog-app *{box-sizing:border-box}.blog-app{z-index:2;color:#fff;height:100svh;min-height:100svh;font-family:Inter,General Sans,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.blog-app a{color:inherit;text-decoration:none}.blog-app button,.blog-app input{font:inherit}.blog-app button{cursor:pointer;border:0}@property --notchY{syntax:"<length>";inherits:false;initial-value:80px}.side{--notchY:80px;--nD:16px;--nH:48px;--nW:28px;--barW:66px;flex:0 0 var(--barW);height:100svh;-webkit-mask:radial-gradient(ellipse var(--nW) var(--nH) at calc(100% + var(--nD)) var(--notchY), transparent 0 99.4%, #000 100%);-webkit-mask:radial-gradient(ellipse var(--nW) var(--nH) at calc(100% + var(--nD)) var(--notchY), transparent 0 99.4%, #000 100%);mask:radial-gradient(ellipse var(--nW) var(--nH) at calc(100% + var(--nD)) var(--notchY), transparent 0 99.4%, #000 100%);background:linear-gradient(150deg,#ffffff29,#ffffff0d);border-right:1px solid #ffffff61;flex-direction:column;align-items:center;gap:12px;padding:18px 0;transition:--notchY .35s cubic-bezier(.34,1.1,.5,1);display:flex}.side__logo-space{width:100%;min-height:42px;margin-bottom:10px}.side__nav{flex-direction:column;flex:1;align-items:center;gap:14px;width:100%;display:flex}.nav-i{color:#041256c7;border-radius:16px;place-items:center;width:56px;height:56px;transition:color .18s,transform .18s;display:grid;position:relative}.nav-i svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:23px;height:23px}.nav-i:hover,.nav-i:focus-visible,.nav-i.act{color:var(--blog-green)}.nav-i b{background:var(--blog-navy);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;transition:opacity .16s;position:absolute;top:50%;left:72px;transform:translateY(-50%)}.nav-i:hover b,.nav-i:focus-visible b{opacity:1}.side__avatar{background:#ffffff2e;border:2px solid #ffffff8c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.side__avatar img{width:30px;height:30px}.main{flex-direction:column;flex:1;gap:16px;min-width:0;height:100svh;min-height:100svh;padding:22px clamp(18px,3vw,32px);display:flex;overflow:hidden}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.top-logo img{filter:drop-shadow(0 2px 12px #0000008c);width:auto;height:34px}.topr{align-items:center;gap:10px;display:flex}.gpill{color:#fff;background:linear-gradient(150deg,#ffffff29,#ffffff0f 55%,#ffffff1c);border:1px solid #ffffff7a;border-radius:999px;justify-content:center;align-items:center;min-height:48px;display:flex}.tpartner{min-width:252px;padding:0 28px}.tpartner img{width:auto;height:22px}.tsoc{gap:6px;min-width:154px}.tsoc a{place-items:center;width:36px;height:36px;display:grid}.tsoc svg,.tlang svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.tsoc path,.tsoc rect,.tsoc circle,.tlang path,.tlang circle{fill:none;stroke:currentColor}.tlang{gap:8px;min-width:90px;font-weight:800}.mhamb{display:none}.pg{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.pg__eyebrow{color:#bfe9a4;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:800;display:inline-flex}.pg__eyebrow i{background:var(--blog-green);border-radius:50%;width:8px;height:8px}.pg__h1{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 18px #00000073;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:850;line-height:1.05}.pg__h1 em{color:#9be07a;font-style:normal}.glass{-webkit-backdrop-filter:saturate(145%);background:linear-gradient(150deg,#ffffff2e,#ffffff12 55%,#ffffff1c);border:1px solid #ffffff85;border-radius:24px;box-shadow:inset 0 1px #fff9,0 26px 54px -24px #00000073}.blog-wrap{flex:1;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0;display:grid}.blog-sb,.blog-list{min-height:0;padding:16px;overflow:hidden}.blog-sb{flex-direction:column;gap:14px;display:flex}.blog-sb__sub,.blog-news__d,.brow__d,.brow__a,.brow__meta{color:var(--blog-muted)}.blog-sb__sub{font-size:13px;line-height:1.5}.blog-sb__cats{flex-direction:column;gap:6px;display:flex}.bcat{color:#fff;background:#ffffff29;border:1px solid #ffffff6b;border-radius:12px;justify-content:space-between;align-items:center;min-height:44px;padding:9px 12px;font-size:13px;font-weight:800;display:flex}.bcat.on{background:linear-gradient(135deg, var(--blog-green-dark), var(--blog-green));border-color:#0000}.blog-news{background:#ffffff1f;border:1px solid #ffffff5c;border-radius:16px;margin-top:auto;padding:14px}.blog-news__t{font-size:14px;font-weight:900}.blog-news__inp{color:#fff;background:#ffffff38;border:1px solid #ffffff7a;border-radius:10px;width:100%;min-height:44px;margin-top:10px;padding:10px 12px;font-size:16px}.blog-news__inp::placeholder{color:#ffffffb8}.blog-news__btn{background:linear-gradient(135deg, var(--blog-green-dark), var(--blog-green));color:#fff;border-radius:10px;width:100%;min-height:44px;margin-top:8px;font-size:13px;font-weight:900}.blog-list{flex-direction:column;display:flex}.blog-list__bar{color:var(--blog-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.blog-list__bar b{color:#fff}.blog-list__sort{gap:6px;display:flex}.blog-list__sort button{color:#fff;background:#ffffff29;border-radius:999px;min-height:36px;padding:6px 12px;font-size:12px;font-weight:800}.blog-list__sort button.on{background:var(--blog-green)}.blog-list__scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow:auto}.brow{background:#ffffff29;border:1px solid #ffffff6b;border-radius:16px;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;transition:transform .18s,background .18s;display:grid}.brow:hover{background:#ffffff3d;transform:translateY(-2px)}.brow__img{background-position:50%;background-size:cover;border-radius:12px;width:120px;height:78px}.brow__meta{align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.bdot{border-radius:50%;width:8px;height:8px;display:inline-block}.bdot--tek{background:var(--blog-green)}.bdot--sir{background:#fac775}.bdot--sek{background:#85b7eb}.bdot--pro{background:#d85a30}.bdot--yat{background:#afa9ec}.brow__t{color:#fff;margin:3px 0 2px;font-size:15px;font-weight:900;line-height:1.2}.brow__d{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.brow__a{margin-top:4px;font-size:11px;font-weight:700}.brow__arr{color:var(--blog-green);padding:0 8px;font-size:18px;font-weight:900}.det-wrap{flex:1;grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:0;display:grid}.det-meta,.det-art{min-height:0;overflow:auto}.det-meta{flex-direction:column;gap:14px;padding:20px;display:flex}.det-back,.det-cat,.det-author span,.det-facts span,.det-share span{color:var(--blog-muted)}.det-back,.det-cat{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.det-cat{align-items:center;gap:8px;display:inline-flex}.det-title{color:#fff;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:900;line-height:1.15}.det-author{align-items:center;gap:10px;display:flex}.det-author__av{background:linear-gradient(135deg, var(--blog-green-dark), var(--blog-green));color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:grid}.det-author span{font-size:11px}.det-facts{border-top:1px solid #ffffff47;border-bottom:1px solid #ffffff47;flex-direction:column;gap:8px;padding:12px 0;display:flex}.det-facts div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.det-facts b{color:#fff}.det-share{align-items:center;gap:8px;margin-top:auto;display:flex}.det-share a{color:#fff;background:#ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.det-art{flex-direction:column;padding:0;display:flex}.det-hero{background-position:50%;background-size:cover;border-radius:24px 24px 0 0;flex:none;height:200px;position:relative}.det-hero__tag{color:#fff;background:#041256b8;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;position:absolute;bottom:14px;left:18px}.det-body{max-width:75ch;min-height:0;padding:22px 26px;overflow:auto}.det-body p{color:#ffffffdb;margin:0 0 16px;font-size:15px;line-height:1.7}.mnav{display:none}@media (max-width:1279px){body:has(.blog-app){padding-bottom:0;overflow-y:hidden}.blog-app{height:100svh;display:block;overflow:hidden}.side,.tsoc,.tpartner{display:none}.main{height:100svh;min-height:100svh;padding:calc(var(--space-16) + var(--space-2) + env(safe-area-inset-top)) clamp(var(--space-4), 5vw, var(--space-12)) calc(var(--space-24) + var(--space-3) + env(safe-area-inset-bottom));overflow:hidden}.blog-app .top{display:none}.top-logo img{height:clamp(38px,6vw,52px)}.blog-wrap,.det-wrap{flex-direction:column;min-height:0;display:flex;overflow:hidden}.blog-list__scroll,.det-body,.det-meta,.det-art{min-height:0;overflow:auto}.blog-list{flex:1}.blog-sb__cats{flex-direction:row;overflow-x:auto}.bcat{flex:none;gap:12px}.mnav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(150deg,#ffffff47,#ffffff24);border:1px solid #ffffff52;border-radius:22px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:5px;display:grid;position:fixed}.mnav a{color:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;font-size:10px;font-weight:800;display:flex}.mnav a.act{background:var(--blog-green)}.mnav svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:22px;height:22px}}@media (max-width:699px){.main{padding-inline:14px}.top{margin-inline:-14px;padding-inline:14px}.brow{grid-template-columns:92px minmax(0,1fr)}.brow__img{width:92px;height:118px}.brow__arr,.brow__a{display:none}.brow__t{font-size:16px}.det-hero{height:210px}.det-body{padding:20px 16px}}.nav-i b{color:#fff;letter-spacing:.015em;white-space:nowrap;-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);opacity:0;pointer-events:none;z-index:60;background:linear-gradient(135deg,#102852f0,#0a1842f2);border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:9px 15px;font-size:12.5px;font-weight:600;transition:opacity .2s,transform .28s cubic-bezier(.34,1.3,.5,1);display:flex;left:60px;transform:translateY(-50%)translate(-8px)scale(.95);box-shadow:0 18px 40px -14px #000000b3,inset 0 1px #ffffff24}.nav-i b:before{content:"";background:linear-gradient(135deg,#102852f0,#0a1842f2);border-bottom:1px solid #ffffff29;border-left:1px solid #ffffff29;width:10px;height:10px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.nav-i b:after{content:"";background:#6ebd45;border-radius:50%;flex:none;order:-1;width:6px;height:6px;box-shadow:0 0 8px #6ebd45cc}.nav-i:hover b,.nav-i:focus-visible b{opacity:1;transform:translateY(-50%)translate(0)scale(1)}.nav-i.act b:after{background:#9be07a}.side__nav{overflow:visible}.side .nav-i b{left:var(--space-16);align-items:center;gap:var(--space-2);transform:translateY(-50%) translateX(calc(var(--space-2) * -1)) scale(.95);background:color-mix(in srgb,var(--color-secondary) 92%,transparent);color:var(--color-text-on-secondary);font-size:var(--text-2xs);letter-spacing:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-card);white-space:nowrap;border:1px solid color-mix(in srgb,var(--color-text-on-secondary) 16%,transparent);box-shadow:0 var(--space-5) var(--space-10) calc(var(--space-4) * -1) color-mix(in srgb,var(--color-secondary) 78%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-text-on-secondary) 14%,transparent);-webkit-backdrop-filter:blur(var(--space-3)) saturate(150%);backdrop-filter:blur(var(--space-3)) saturate(150%);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-base),transform var(--duration-base) var(--ease-base);z-index:var(--z-alert);font-weight:700;position:absolute;top:50%;opacity:0!important;visibility:visible!important;display:flex!important}.side .nav-i b:before{content:"";left:calc(var(--space-1) * -1);width:var(--space-2);height:var(--space-2);background:color-mix(in srgb,var(--color-secondary) 92%,transparent);border-left:1px solid color-mix(in srgb,var(--color-text-on-secondary) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text-on-secondary) 16%,transparent);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.side .nav-i b:after{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 var(--space-2) color-mix(in srgb,var(--color-primary) 80%,transparent);flex:none;order:-1}.side .nav-i:hover b,.side .nav-i:focus-visible b{transform:translateY(-50%)translate(0)scale(1);opacity:1!important}.side .nav-i:hover,.side .nav-i:focus-visible{color:var(--color-text-on-secondary);background:color-mix(in srgb,var(--color-text-on-secondary) 13%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-text-on-secondary) 18%,transparent);transform:scale(1.08)}.side .nav-i:hover>svg,.side .nav-i:focus-visible>svg{transform:scale(1.1)rotate(-5deg)}.side .nav-i.act>svg{filter:drop-shadow(0 0 var(--space-2) color-mix(in srgb,var(--color-primary) 70%,transparent))}.blog-filterbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-width:0;display:flex}.blog-tabs,.blog-sort{align-items:center;gap:var(--space-2);min-width:0;display:flex}.blog-tabs{scrollbar-width:none;flex:auto;overflow-x:auto}.blog-tabs::-webkit-scrollbar{display:none}.blog-tab,.blog-chip{min-height:var(--space-12);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid color-mix(in srgb,var(--color-white) 18%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-white) 10%,transparent);color:var(--color-text-on-secondary);font-size:var(--text-xs);-webkit-backdrop-filter:blur(var(--space-4)) saturate(145%);backdrop-filter:blur(var(--space-4)) saturate(145%);flex:none;font-weight:800;display:inline-flex}.blog-tab svg{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:1.8px}.blog-tab b{min-width:var(--space-6);height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-white) 12%,transparent);justify-content:center;align-items:center;display:inline-flex}.blog-tab.on,.blog-chip.on{background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 72%,var(--color-white) 28%));color:var(--color-text-on-primary);border-color:#0000}.blog-sort{flex:none;margin-left:auto}.blog-sort__l{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--color-white) 58%,transparent);font-weight:800}.blog-wrap{grid-template-columns:minmax(0,1fr);overflow:visible}.blog-list,.blog-list__scroll{overflow:visible}.brow[hidden]{display:none}@media (max-width:1279px){body:has(.blog-app){padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom));overflow-y:auto}.blog-app,.main{height:auto;min-height:100svh;overflow:visible}.blog-wrap,.det-wrap,.blog-list,.blog-list__scroll{overflow:visible}.blog-filterbar{flex-direction:column;align-items:stretch}.blog-sort{scrollbar-width:none;width:100%;margin-left:0;overflow-x:auto}.blog-sort::-webkit-scrollbar{display:none}}body:has(.pg--detay){background:radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 34rem), radial-gradient(circle at 0% 18%, color-mix(in srgb, var(--color-secondary-300) 22%, transparent), transparent 32rem), linear-gradient(180deg, var(--color-secondary), color-mix(in srgb, var(--color-secondary) 86%, var(--color-black) 14%) 58%, var(--color-secondary));overflow-y:auto}.bgv:has(+.bgov+.blog-app .pg--detay){opacity:0}.bgov:has(+.blog-app .pg--detay){background:radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 44rem), radial-gradient(circle at 0% 22%, color-mix(in srgb, var(--color-info) 18%, transparent), transparent 36rem), linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 92%, var(--color-black) 8%), color-mix(in srgb, var(--color-secondary) 86%, var(--color-black) 14%))}.blog-app:has(.pg--detay){height:auto;min-height:100svh;overflow:visible}.blog-app:has(.pg--detay) .main{height:auto;min-height:100svh;overflow:visible}.blog-app:has(.pg--detay){background:radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 36rem), radial-gradient(circle at 0% 22%, color-mix(in srgb, var(--color-info) 16%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 92%, var(--color-black) 8%), color-mix(in srgb, var(--color-secondary) 82%, var(--color-black) 18%) 62%, color-mix(in srgb, var(--color-secondary) 92%, var(--color-black) 8%))}.blog-app:has(.pg--detay) .main{gap:var(--space-6);padding-inline:var(--space-0)}.blog-app:has(.pg--detay) .top{width:min(100%, var(--container-max));padding-inline:var(--container-padding);margin-inline:auto}.pg--detay{min-height:auto;overflow:visible}.det-page{width:min(100%, var(--container-max));padding:var(--space-2) var(--container-padding) var(--space-20);margin-inline:auto}.det-back{min-height:var(--space-12);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid color-mix(in srgb, var(--color-white) 18%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-white) 8%, transparent);color:color-mix(in srgb, var(--color-white) 72%, transparent);font-size:var(--text-xs);text-transform:none;letter-spacing:0;-webkit-backdrop-filter:blur(var(--space-4)) saturate(150%);backdrop-filter:blur(var(--space-4)) saturate(150%);transition:color var(--duration-fast) var(--ease-base), border-color var(--duration-fast) var(--ease-base), transform var(--duration-fast) var(--ease-base);font-weight:800;display:inline-flex}.det-back:hover,.det-back:focus-visible{color:var(--color-text-on-secondary);border-color:color-mix(in srgb, var(--color-white) 32%, transparent);transform:translateY(calc(var(--space-1) * -1))}.det-head{gap:var(--space-8);padding-block:var(--space-8) var(--space-8);grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:end;display:grid}.det-tags{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;grid-column:1;display:flex}.det-badge{min-height:var(--space-8);padding:var(--space-1) var(--space-4);border:1px solid color-mix(in srgb, var(--color-white) 16%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-white) 8%, transparent);color:color-mix(in srgb, var(--color-white) 70%, transparent);font-size:var(--text-2xs);align-items:center;font-weight:800;display:inline-flex}.det-badge--hot{background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 70%, var(--color-white) 30%));color:var(--color-text-on-primary);border-color:#0000}.det-title{max-width:calc(var(--space-24) * 9);margin:var(--space-0);color:var(--color-text-on-secondary);font-size:var(--text-4xl);letter-spacing:0;grid-column:1;font-weight:800;line-height:1.08}.det-excerpt{max-width:calc(var(--space-24) * 8);margin:var(--space-0);color:color-mix(in srgb, var(--color-white) 72%, transparent);font-size:var(--text-base);line-height:var(--leading-normal);grid-area:2/2/span 2;align-self:end}.det-author{align-items:center;gap:var(--space-3);margin-top:var(--space-6);grid-column:1;display:flex}.det-author__av{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 72%, var(--color-white) 28%));color:var(--color-text-on-primary);font-size:var(--text-xs);flex:none;place-items:center;font-weight:800;display:grid}.det-author b{color:var(--color-text-on-secondary);font-size:var(--text-sm);display:block}.det-author span{color:color-mix(in srgb, var(--color-white) 58%, transparent);font-size:var(--text-2xs)}.det-hero{min-height:calc(var(--space-24) * 4 + var(--space-6));margin-bottom:var(--space-10);border:1px solid color-mix(in srgb, var(--color-white) 14%, transparent);border-radius:var(--radius-3xl);box-shadow:0 var(--space-16) var(--space-24) calc(var(--space-10) * -1) color-mix(in srgb, var(--color-black) 70%, transparent);background-position:50%;background-size:cover;position:relative;overflow:hidden}.det-hero:after{content:"";background:radial-gradient(circle at 72% 12%, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 42%), linear-gradient(180deg, transparent 38%, color-mix(in srgb, var(--color-secondary) 72%, transparent));pointer-events:none;position:absolute;inset:0}.det-hero__tag{left:var(--space-6);bottom:var(--space-6);z-index:var(--z-base);min-height:var(--space-10);padding:var(--space-2) var(--space-5);border:1px solid color-mix(in srgb, var(--color-white) 22%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-secondary) 72%, transparent);color:var(--color-text-on-secondary);font-size:var(--text-xs);-webkit-backdrop-filter:blur(var(--space-3)) saturate(150%);backdrop-filter:blur(var(--space-3)) saturate(150%);align-items:center;font-weight:800;display:inline-flex;position:absolute}.det-grid{grid-template-columns:minmax(0, 1fr) calc(var(--space-20) * 4);gap:var(--space-12);align-items:start;display:grid}.det-body{max-width:75ch;min-height:auto;padding:var(--space-0);border-radius:var(--space-0);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}.det-body p,.det-body li{color:color-mix(in srgb, var(--color-white) 82%, transparent);font-size:var(--text-base);line-height:var(--leading-relaxed)}.det-body p{margin:var(--space-0) var(--space-0) var(--space-5)}.det-body p:first-child{color:var(--color-text-on-secondary);font-size:var(--text-lg);font-weight:600}.det-body h2,.det-body h3{color:var(--color-text-on-secondary);letter-spacing:0}.det-body h2{margin:var(--space-10) var(--space-0) var(--space-4);font-size:var(--text-2xl)}.det-body h3{margin:var(--space-8) var(--space-0) var(--space-3);font-size:var(--text-xl)}.det-body ul,.det-body ol{gap:var(--space-2);margin:var(--space-0) var(--space-0) var(--space-5) var(--space-6);padding:var(--space-0);display:grid}.det-body a{color:var(--color-primary);text-underline-offset:var(--space-1);font-weight:800;text-decoration:underline}.det-aside{top:var(--space-6);gap:var(--space-5);display:grid;position:sticky}.det-cta,.det-related{border:1px solid color-mix(in srgb, var(--color-white) 16%, transparent);border-radius:var(--radius-2xl);box-shadow:0 var(--space-8) var(--space-16) calc(var(--space-8) * -1) color-mix(in srgb, var(--color-black) 62%, transparent);-webkit-backdrop-filter:blur(var(--space-4)) saturate(150%);backdrop-filter:blur(var(--space-4)) saturate(150%)}.det-cta{padding:var(--space-6);background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 72%, var(--color-white) 28%));color:var(--color-text-on-primary)}.det-cta h2,.det-related h2{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:0}.det-cta h2{color:var(--color-text-on-primary)}.det-cta p{margin-top:var(--space-3);color:color-mix(in srgb, var(--color-text-on-primary) 78%, transparent);font-size:var(--text-sm)}.det-cta a{min-height:var(--space-12);width:100%;margin-top:var(--space-5);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--color-secondary);color:var(--color-text-on-secondary);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.det-related{gap:var(--space-3);padding:var(--space-5);background:color-mix(in srgb, var(--color-white) 8%, transparent);display:grid}.det-related h2{color:color-mix(in srgb, var(--color-white) 58%, transparent);font-size:var(--text-2xs);text-transform:uppercase;font-weight:800}.det-related__item{grid-template-columns:var(--space-16) minmax(0, 1fr);gap:var(--space-3);min-height:calc(var(--space-16) + var(--space-4));padding:var(--space-2);border:1px solid color-mix(in srgb, var(--color-white) 12%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-white) 7%, transparent);transition:transform var(--duration-fast) var(--ease-base), border-color var(--duration-fast) var(--ease-base);align-items:center;display:grid}.det-related__item:hover,.det-related__item:focus-visible{border-color:color-mix(in srgb, var(--color-white) 24%, transparent);transform:translateX(var(--space-1))}.det-related__thumb{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-card);background-position:50%;background-size:cover}.det-related__item b{color:var(--color-text-on-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);display:block}.det-related__item small{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-white) 58%, transparent);font-size:var(--text-2xs);display:block}@media (max-width:1279px){.blog-app:has(.pg--detay) .main{padding:calc(var(--space-16) + var(--space-2) + env(safe-area-inset-top)) var(--space-0) calc(var(--space-24) + var(--space-3) + env(safe-area-inset-bottom))}.det-page{padding-inline:clamp(var(--space-4), 5vw, var(--space-8));padding-bottom:var(--space-10)}.det-head{gap:var(--space-4);padding-block:var(--space-5) var(--space-6);grid-template-columns:1fr}.det-tags,.det-title,.det-excerpt,.det-author{grid-area:auto/1}.det-title{font-size:var(--text-3xl)}.det-hero{min-height:calc(var(--space-20) * 3);margin-bottom:var(--space-6);border-radius:var(--radius-2xl)}.det-grid{gap:var(--space-6);grid-template-columns:1fr}.det-body{max-width:none;padding:var(--space-0)}.det-aside{position:static}}@media (max-width:699px){.det-page{padding-inline:var(--space-4)}.det-title{font-size:var(--text-3xl)}.det-excerpt{font-size:var(--text-base)}.det-hero{min-height:calc(var(--space-24) * 2 + var(--space-8))}.det-body,.det-cta,.det-related{border-radius:var(--radius-xl)}.det-body{padding:var(--space-0)}}@media (pointer:coarse){.det-back,.det-cta a,.det-related__item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}