:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:rgba(59,130,246,.08);--color-bg-2:rgba(245,158,11,.08);--color-bg-3:rgba(34,197,94,.08);--color-bg-4:rgba(239,68,68,.08);--color-bg-5:rgba(147,51,234,.08);--color-bg-6:rgba(249,115,22,.08);--color-bg-7:rgba(236,72,153,.08);--color-bg-8:rgba(6,182,212,.08);--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),.25);--color-border:rgba(var(--color-brown-600-rgb),.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),.4);--color-select-caret:rgba(var(--color-slate-900-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23134252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23f5f5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:var( --font-sans,"Inter","Aptos","Segoe UI Variable Text",system-ui,-apple-system,BlinkMacSystemFont,sans-serif );--font-family-mono:var( --font-mono,"JetBrains Mono","Cascadia Mono",SFMono-Regular,ui-monospace,Consolas,monospace );--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.02);--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-md:0 4px 6px -1px rgba(0,0,0,.04),0 2px 4px -1px rgba(0,0,0,.02);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.02);--shadow-inset-sm:inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.03);--duration-fast:.15s;--duration-normal:.25s;--ease-standard:cubic-bezier(.16,1,.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media(prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:rgba(29,78,216,.15);--color-bg-2:rgba(180,83,9,.15);--color-bg-3:rgba(21,128,61,.15);--color-bg-4:rgba(185,28,28,.15);--color-bg-5:rgba(107,33,168,.15);--color-bg-6:rgba(194,65,12,.15);--color-bg-7:rgba(190,24,93,.15);--color-bg-8:rgba(8,145,178,.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),.3);--color-border:rgba(var(--color-gray-400-rgb),.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),.15);--shadow-inset-sm:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.15);--button-border-secondary:rgba(var(--color-gray-400-rgb),.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),.2);--color-select-caret:rgba(var(--color-gray-200-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23134252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23f5f5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:rgba(29,78,216,.15);--color-bg-2:rgba(180,83,9,.15);--color-bg-3:rgba(21,128,61,.15);--color-bg-4:rgba(185,28,28,.15);--color-bg-5:rgba(107,33,168,.15);--color-bg-6:rgba(194,65,12,.15);--color-bg-7:rgba(190,24,93,.15);--color-bg-8:rgba(8,145,178,.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),.3);--color-border:rgba(var(--color-gray-400-rgb),.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),.15);--shadow-inset-sm:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.15);--color-border-secondary:rgba(var(--color-gray-400-rgb),.2);--color-select-caret:rgba(var(--color-gray-200-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23134252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23f5f5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),.25);--color-border:rgba(var(--color-brown-600-rgb),.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}code,pre{background-color:var(--color-secondary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:calc(var(--font-size-base)*.95)}code{padding:var(--space-1) var(--space-4)}pre{border:1px solid var(--color-border);margin:var(--space-16) 0;overflow:auto;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active)}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{background:var(--color-secondary)}.btn--sm{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:var(--radius-md);font-size:var(--font-size-lg);padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);display:block;font-size:var(--font-size-md);line-height:1.5;padding:var(--space-8) var(--space-12);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:var(--font-family-base);font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:var(--space-8) var(--space-12);padding-right:var(--space-32)}@media(prefers-color-scheme:dark){select.form-control{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-control:focus{border-color:var(--color-primary);outline:var(--focus-outline)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-16)}.card{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.card__body{padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid var(--color-card-border-inner);padding:var(--space-16)}.status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-6) var(--space-12)}.status--success{background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:var(--color-success)}.status--error{background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:var(--color-error)}.status--warning{background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:var(--color-warning)}.status--info{background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:var(--space-16);padding-right:var(--space-16);width:100%}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-16{gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-8{margin-bottom:var(--space-8);margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:var(--space-8);padding-top:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-bottom:var(--space-16);padding-top:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-background);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:var(--container-lg);padding:var(--space-16)}@media(min-width:768px){.article-container{margin:var(--space-24) auto;padding:var(--space-24)}}@media(min-width:1024px){.article-container{margin:var(--space-32) auto;padding:var(--space-32)}}.article-type-tutorial{border-left:4px solid var(--color-teal-500)}.article-type-news{border-left:4px solid var(--color-red-500)}.article-type-review{border-left:4px solid var(--color-teal-500)}.article-type-blog{border-left:4px solid var(--color-orange-500)}.article-header{margin-bottom:var(--space-32);text-align:center}.article-featured-image{border-radius:var(--radius-lg);margin-bottom:var(--space-24);overflow:hidden;position:relative}.article-featured-image img{display:block;height:auto;max-height:400px;-o-object-fit:cover;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(180deg,#0000001a 0,#0006);inset:0;position:absolute}.article-header-content{margin:0 auto;max-width:600px}.article-meta-info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-16);justify-content:center;margin-bottom:var(--space-16)}.article-category{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-btn-primary-text);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--space-4) var(--space-8);text-transform:uppercase}.article-reading-time{align-items:center;display:flex;gap:var(--space-4)}.article-reading-time:before{content:"⏱"}.article-title{font-family:var(--font-family-base);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-16)}@media(min-width:768px){.article-title{font-size:var(--font-size-4xl)}}.article-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin-bottom:var(--space-24)}@media(min-width:768px){.article-subtitle{font-size:var(--font-size-xl)}}.article-author-info{align-items:center;display:flex;gap:var(--space-16);justify-content:center;margin-bottom:var(--space-16)}.author-avatar{border:2px solid var(--color-border);border-radius:var(--radius-full);height:48px;overflow:hidden;width:48px}.author-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-avatar.author-avatar--mark{background:#0a0a12;box-sizing:border-box;padding:9px}.author-avatar--mark img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.author-details{text-align:left}.author-name{color:var(--color-text);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.article-dates{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-4)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.tag{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-4) var(--space-8);transition:all var(--duration-fast) var(--ease-standard)}.tag:hover{background:var(--color-secondary-hover);border-color:var(--color-primary)}.table-of-contents{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-24);padding:var(--space-16)}.toc-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16)}.toc-list{list-style:none}.toc-list li{margin-bottom:var(--space-8)}.toc-list a{border-left:2px solid transparent;color:var(--color-text-secondary);display:block;padding:var(--space-4) 0;padding-left:var(--space-8);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.toc-list a:hover{border-left-color:var(--color-primary);color:var(--color-primary)}.toc-level-1{margin-left:0}.toc-level-2{margin-left:var(--space-16)}.toc-level-3{margin-left:var(--space-24)}.toc-level-4{margin-left:calc(var(--space-24) + var(--space-16))}.toc-level-5{margin-left:calc(var(--space-24)*2)}.toc-level-6{margin-left:calc(var(--space-24)*2 + var(--space-16))}.article-content-wrapper{margin-bottom:var(--space-32)}.article-content{color:var(--color-text);line-height:var(--line-height-normal)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--color-text);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-16);margin-top:var(--space-24);scroll-margin-top:var(--space-24)}.article-content h1{border-bottom:2px solid var(--color-border);font-size:var(--font-size-3xl);padding-bottom:var(--space-8)}.article-content h2{border-bottom:1px solid var(--color-border);font-size:var(--font-size-2xl);padding-bottom:var(--space-4)}.article-content h3{font-size:var(--font-size-xl)}.article-content h4{font-size:var(--font-size-lg)}.article-content h5{font-size:var(--font-size-base)}.article-content h6{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.article-content p{color:var(--color-text);margin-bottom:var(--space-16)}.article-content p:last-child{margin-bottom:0}.article-content ol,.article-content ul{margin-bottom:var(--space-16);padding-left:var(--space-24)}.article-content li{color:var(--color-text);margin-bottom:var(--space-8)}.article-content li:last-child{margin-bottom:0}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content ol ol,.article-content ol ul,.article-content ul ol,.article-content ul ul{margin-bottom:var(--space-8);margin-top:var(--space-8)}.article-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:transparent;transition:all var(--duration-fast) var(--ease-standard)}.article-content a:hover{color:var(--color-primary-hover);text-decoration-color:currentColor}.article-content blockquote{background:var(--color-secondary);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-base) var(--radius-base) 0;font-style:italic;margin:var(--space-24) 0;padding:var(--space-16);position:relative}.article-content blockquote:before{color:var(--color-primary);content:"“";font-size:var(--font-size-4xl);left:var(--space-8);line-height:1;position:absolute;top:var(--space-8)}.article-content blockquote p{margin:0;padding-left:var(--space-16)}.article-content code{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-error);font-family:var(--font-family-mono);font-size:.9em;padding:var(--space-4) var(--space-8)}.article-content pre{background:var(--color-charcoal-800);border-radius:var(--radius-lg);color:var(--color-gray-200);font-family:var(--font-family-mono);line-height:1.5;margin:var(--space-24) 0;overflow-x:auto;padding:var(--space-16)}.article-content pre code{background:transparent;border:none;color:inherit;font-size:var(--font-size-sm);padding:0}.article-content img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:auto;margin:var(--space-24) 0;max-width:100%}.article-content figure{margin:var(--space-24) 0;text-align:center}.article-content figcaption{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-8)}.article-content table{border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);margin:var(--space-24) 0;overflow:hidden;width:100%}.article-content td,.article-content th{border-bottom:1px solid var(--color-border);padding:var(--space-8) var(--space-16);text-align:left}.article-content th{color:var(--color-text);font-weight:var(--font-weight-medium)}.article-content th,.article-content tr:hover{background:var(--color-secondary)}.article-content tr:last-child td{border-bottom:none}.article-content hr{background:var(--color-border);border:none;height:1px;margin:var(--space-24) 0}.article-meta{border-top:1px solid var(--color-border);margin-top:var(--space-32);padding-top:var(--space-24)}.article-author-card{background:var(--color-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-24);padding:var(--space-16)}.author-info{align-items:center;display:flex;gap:var(--space-16)}.author-large-avatar-slot{flex-shrink:0;height:80px;width:80px}.author-large-avatar-slot .author-large-avatar{border:3px solid var(--color-border);border-radius:var(--radius-full);display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-large-avatar-slot--mark{background:#0a0a12;border:3px solid var(--color-border);border-radius:var(--radius-full);box-sizing:border-box;padding:10px}.author-large-avatar-slot--mark .author-large-avatar{border:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.author-bio h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8)}.author-bio p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-8)}.author-social{display:flex;gap:var(--space-8)}.author-social a{border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-sm);padding:var(--space-4) var(--space-8);text-decoration:none;transition:all var(--duration-fast) var(--ease-standard)}.author-social a:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.article-tags-section{margin-bottom:var(--space-24)}.article-tags-section h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--space-8)}.social-share{margin-bottom:var(--space-24)}.social-share h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-8)}.share-btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-4);padding:var(--space-8) var(--space-16);text-decoration:none;transition:all var(--duration-fast) var(--ease-standard)}.share-btn.twitter{background:#0b6a9f;color:#fff}.share-btn.facebook{background:#4267b2;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.copy{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-text)}.share-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-articles h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16)}.related-list{display:grid;gap:var(--space-16)}@media(min-width:768px){.related-list{grid-template-columns:repeat(2,1fr)}}.related-item{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-16);padding:var(--space-16);transition:all var(--duration-fast) var(--ease-standard)}.related-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-item img{border-radius:var(--radius-base);flex-shrink:0;height:60px;-o-object-fit:cover;object-fit:cover;width:80px}.related-content{flex:1}.related-content h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:var(--space-4)}.related-content h5 a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.related-content h5 a:hover{color:var(--color-primary)}.related-date{color:var(--color-text-secondary);font-size:var(--font-size-xs)}@media(max-width:767px){.article-container{border-radius:var(--radius-base);margin:var(--space-8);padding:var(--space-16)}.article-header{margin-bottom:var(--space-24)}.article-title{font-size:var(--font-size-2xl)}.article-subtitle{font-size:var(--font-size-base)}.article-author-info{flex-direction:column;text-align:center}.author-details{text-align:center}.article-tags{justify-content:center}.table-of-contents{padding:var(--space-16)}.author-info{flex-direction:column;text-align:center}.share-buttons{justify-content:center}.related-list{grid-template-columns:1fr}.related-item{flex-direction:column}.related-item img{height:150px;width:100%}.article-content pre{padding:var(--space-16)}.article-content pre,.article-content table{font-size:var(--font-size-xs)}.article-content td,.article-content th{padding:var(--space-4) var(--space-8)}}@media(max-width:480px){.article-container{margin:var(--space-4);padding:var(--space-12)}.article-title{font-size:var(--font-size-xl)}.article-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-16)}.article-meta-info{flex-direction:column;gap:var(--space-8)}.author-large-avatar-slot{height:60px;width:60px}.article-content h1{font-size:var(--font-size-2xl)}.article-content h2{font-size:var(--font-size-xl)}.article-content h3{font-size:var(--font-size-lg)}.share-btn{padding:var(--space-6) var(--space-12)}.toc-list a{padding:var(--space-4)}}.article-theme-minimal{--color-border:transparent;box-shadow:none}.article-theme-minimal .article-header{border-bottom:1px solid var(--color-card-border);padding-bottom:var(--space-24)}.article-theme-minimal .table-of-contents{background:transparent;border:1px solid var(--color-card-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-container{animation:fadeIn .6s var(--ease-standard)}.article-content img{animation:fadeIn .8s var(--ease-standard) .2s forwards;opacity:0}.article-content a{position:relative}.article-content a:after{background:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--duration-fast) var(--ease-standard);width:0}.article-content a:hover:after{width:100%}@media print{.article-container{border:none;box-shadow:none;margin:0;padding:0}.related-articles,.social-share{display:none}.article-content a{color:var(--color-text);text-decoration:underline}.article-content a:after{color:var(--color-text-secondary);content:" (" attr(href) ")";font-size:.8em}.article-content pre{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-text)}}:root,[data-color-scheme=dark],[data-color-scheme=light]{--color-background:var(--bg-base,#06070d);--color-surface:var(--bg-card,#10111a);--color-text:var(--text-primary,#f4f5fb);--color-text-secondary:var(--text-secondary,#c7ccda);--color-primary:var(--accent-violet-2,#a78bfa);--color-primary-hover:#c4b5fd;--color-primary-active:#8b5cf6;--color-secondary:rgba(139,92,246,.1);--color-secondary-hover:rgba(139,92,246,.16);--color-secondary-active:rgba(139,92,246,.22);--color-border:hsla(0,0%,100%,.085);--color-card-border:hsla(0,0%,100%,.075);--color-card-border-inner:hsla(0,0%,100%,.055);--color-focus-ring:rgba(167,139,250,.42);--color-btn-primary-text:#fff;--font-family-base:var(--font-sans,"Inter","Segoe UI Variable Text",system-ui,sans-serif);--font-family-mono:var(--font-mono,"JetBrains Mono","Cascadia Mono",ui-monospace,monospace);--font-size-base:15px;--font-size-md:15px;--font-weight-semibold:700;--font-weight-bold:760;--line-height-normal:1.62;--letter-spacing-tight:0}body{background:var(--bg-base,#06070d);color:var(--color-text)}.article-container{background:transparent;border:0;box-shadow:none;max-width:min(1040px,calc(100vw - 28px))}.article-header{background:linear-gradient(135deg,#8b5cf61f,#3b82f60d 48%,#10b98109),#0f1019bd;border:1px solid var(--color-card-border);border-radius:8px;margin-bottom:28px;padding:22px}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-title{font-family:var(--font-display,var(--font-family-base));letter-spacing:0}.article-title{color:var(--color-text);font-weight:800;line-height:1.08}.article-meta,.article-subtitle{color:var(--text-muted,#9aa3b5)}.article-content{font-size:1rem}.article-content h1,.article-content h2{border-color:#a78bfa2e}.article-content li,.article-content p{color:var(--text-secondary,#c7ccda)}.article-content blockquote,.card,.related-articles,.table-of-contents,.toc-container{background:#10111ac7;border-color:var(--color-card-border);border-radius:8px}.article-content blockquote{border-left-color:var(--color-primary)}.article-content code{background:#8b5cf61f;border-color:#8b5cf633;color:#c4b5fd}.article-content pre,.article-content table{background:#090a12c7;border:1px solid var(--color-border);border-radius:8px}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-content th{background:#8b5cf61f}.article-content tr:hover{background:#ffffff09}.btn,.card,.form-control{font-family:var(--font-family-base)}.btn{border-radius:8px}.btn--primary{background:linear-gradient(135deg,#8b5cf6,#6d5dfc)}@media(max-width:767px){.article-container{margin:0;max-width:100%;padding:14px 10px 32px}.article-header{margin-inline:0;padding:16px 14px}}.article-page{background:var(--app-bg);color:var(--text-primary);font-family:var(--font-sans);min-height:calc(100vh - 64px);padding:clamp(24px,4vw,48px) 16px 72px}.article-page .article-container{animation:none;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-card),0 0 0 1px #ffffff0a inset,0 40px 100px -40px #8b5cf640;margin:0 auto;max-width:1020px;padding:clamp(30px,4vw,52px) clamp(22px,3.4vw,56px) 48px;position:relative}.article-page .article-container:before{background:radial-gradient(900px 420px at 92% -15%,rgba(139,92,246,.18),transparent 55%),radial-gradient(600px 320px at -5% 40%,rgba(59,130,246,.1),transparent 52%),radial-gradient(400px 200px at 50% 100%,rgba(236,72,153,.06),transparent 50%);border-radius:inherit;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}.article-page .article-container>*{position:relative;z-index:1}.article-back-row{margin-bottom:1.25rem}.article-back-link{align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:.82rem;font-weight:600;gap:8px;min-height:44px;padding:8px 12px 8px 10px;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.article-back-link:hover{background:var(--accent-violet-soft);border-color:var(--border-accent);color:var(--accent-violet-2)}.article-page .article-theme-default,.article-page .article-type-article,.article-page .article-type-tutorial{border-left:4px solid var(--accent-violet,#8b5cf6)}.article-page .article-type-news{border-left-color:var(--accent-pink,#ec4899)}.article-page .article-type-review{border-left-color:var(--accent-blue,#3b82f6)}.article-page .article-header{margin-bottom:2rem;text-align:left}.article-page .article-featured-image{border:1px solid var(--border-soft);border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-glow-violet,0 8px 28px rgba(139,92,246,.2));margin-bottom:1.75rem}.article-page .article-featured-image img{max-height:460px;-o-object-fit:cover;object-fit:cover;width:100%}.article-page .article-featured-image img[src*="cdn.steamstatic.com/apps/730/icons"],.article-page .article-featured-image img[src*="community.akamai.steamstatic.com/economy/image"],.article-page .article-featured-image img[src*=cs2-major-stickers-souvenirs-2026],.article-page .article-featured-image img[src*=cs2-market-fees-2026],.article-page .article-featured-image img[src*=cs2-sticker-crafts-2026]{background:#050913;box-sizing:border-box;height:min(460px,58vw);-o-object-fit:contain;object-fit:contain;padding:28px}.article-page .article-meta-info{flex-wrap:wrap;gap:10px 16px;justify-content:flex-start}.article-page .article-category{background:var(--accent-violet-soft,rgba(139,92,246,.12));border:1px solid var(--border-accent);color:var(--accent-violet-2,#a78bfa);font-size:.68rem;font-weight:700;letter-spacing:.1em}.article-page .article-reading-time{color:var(--text-muted,#9ca3af);font-size:.82rem}.article-page .article-reading-time:before{content:"";display:none}.article-page .article-title{background:linear-gradient(135deg,#fff 0,var(--accent-violet-2,#a78bfa) 42%,var(--accent-blue-2,#60a5fa) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(1.95rem,4.5vw,3rem);font-weight:800;line-height:1.12;margin-bottom:.75rem;-webkit-text-fill-color:transparent;color:transparent}.article-page .article-subtitle{color:var(--text-secondary,#d1d5db);font-size:1.2rem;margin-bottom:1.5rem;max-width:52ch}.article-page .article-header-content{margin:0;max-width:none}.article-page .article-author-info{background:var(--bg-card-2,#161622);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:flex-start;margin-bottom:1.25rem;padding:14px 16px}.article-page .author-avatar{border-color:var(--border-accent);box-shadow:0 0 0 2px #8b5cf633;height:58px;width:58px}.article-page .author-name{color:var(--text-primary);font-weight:600}.article-page .article-author-bio-inline{color:var(--text-secondary);font-size:.9rem;line-height:1.35;margin:2px 0 4px}.article-page .article-dates{color:var(--text-muted)}.article-page .article-tags{justify-content:flex-start}.article-page .tag{background:#ffffff0d;border:1px solid var(--border-soft);color:var(--text-secondary);font-size:.75rem}.article-page .tag:hover{background:var(--accent-violet-soft);border-color:var(--accent-violet-2);color:var(--accent-violet-2)}.article-page .table-of-contents{background:var(--bg-card-3,#0f0f18);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0003;margin-bottom:2rem;padding:18px 20px}.article-page .toc-title{color:var(--accent-violet-2);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.article-page .toc-list a{border-left-color:transparent;border-radius:6px;color:var(--text-muted);min-height:44px;padding:8px 10px 8px 12px}.article-page .toc-list a:hover{background:var(--accent-violet-soft);border-left-color:var(--accent-violet);color:var(--text-primary)}.article-page .article-content{color:var(--text-secondary);font-size:1.12rem;line-height:1.8}.article-page .article-content p{color:var(--text-secondary);margin-bottom:1.1em}.article-page .article-content h2{border-bottom:none;border-left:4px solid var(--accent-violet);color:var(--text-primary);font-family:var(--font-display);font-size:1.65rem;font-weight:700;margin-bottom:.85rem;margin-top:2.25rem;padding:0 0 0 14px;scroll-margin-top:88px}.article-page .article-content h3{color:var(--accent-violet-2);font-size:1.3rem;font-weight:650;margin-top:1.75rem}.article-page .article-content h4{color:var(--text-primary);font-size:1.15rem}.article-page .article-content ol,.article-page .article-content ul{padding-left:1.35rem}.article-page .article-content li{color:var(--text-secondary);margin-bottom:.5em}.article-page .article-content ul li::marker{color:var(--accent-violet-2)}.article-page .article-content a{border-bottom:1px solid rgba(96,165,250,.35);color:var(--accent-blue-2,#60a5fa);text-decoration:none;transition:color .15s,border-color .15s}.article-page .article-content a:hover{border-bottom-color:var(--accent-violet-2);color:var(--accent-violet-2)}.article-action-panel{background:linear-gradient(135deg,#8b5cf624,#22d3ee14),var(--bg-card-2,#161622);border:1px solid var(--border-accent);border-radius:var(--radius-lg,14px);box-shadow:0 18px 42px -34px #60a5fa73;margin:2rem 0;padding:1.35rem}.article-page .article-content .article-action-panel h3{color:var(--text-primary);margin-top:0}.article-page .article-content .article-action-panel p{margin-bottom:1rem}.article-action-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.article-page .article-content .article-action-grid a{align-items:center;background:#ffffff0e;border-bottom:1px solid var(--border-soft);border:1px solid var(--border-soft);border-radius:10px;color:var(--text-primary);display:flex;font-weight:700;gap:12px;justify-content:space-between;line-height:1.25;min-height:48px;padding:12px 14px;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.article-page .article-content .article-action-grid a:hover{background:#60a5fa1f;border-color:var(--accent-blue-2,#60a5fa);color:var(--accent-blue-2,#60a5fa);transform:translateY(-1px)}.article-page .article-content .article-action-grid a:after{align-items:center;background:#60a5fa29;border:1px solid rgba(96,165,250,.32);border-radius:999px;color:#fff;content:"->";display:inline-flex;flex:0 0 28px;font-size:.78rem;height:28px;inset:auto;justify-content:center;line-height:1;margin-left:auto;position:static;transition:transform .18s ease,background .18s ease,border-color .18s ease;width:28px}.article-page .article-content .article-action-grid a:hover:after{background:#60a5fa42;border-color:#60a5fa80;transform:translate(2px);width:28px}.article-case-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem 0}.article-page .article-content .article-case-card{background:#ffffff0b;border:1px solid var(--border-soft);border-radius:12px;padding:16px}.article-page .article-content .article-case-card img{border-radius:0;box-shadow:none;display:block;margin:0 0 12px;max-height:116px;-o-object-fit:contain;object-fit:contain;width:100%}.article-page .article-content .article-case-card h3{font-size:1rem;margin:0 0 6px}.article-page .article-content .article-case-card p{color:var(--text-secondary);font-size:.93rem;line-height:1.45;margin:0}.article-skin-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.5rem 0}.article-skin-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.article-page .article-content .article-skin-card{background:#ffffff0b;border:1px solid var(--border-soft);border-radius:12px;min-width:0;padding:16px}.article-page .article-content .article-skin-card img{background:#121820;border:1px solid rgba(148,163,184,.18);border-radius:10px;box-shadow:none;display:block;height:170px;margin:0 0 12px;-o-object-fit:contain;object-fit:contain;padding:10px;width:100%}.article-page .article-content .article-skin-card h3{font-size:1rem;margin:0 0 6px}.article-page .article-content .article-skin-card p{color:var(--text-secondary);font-size:.93rem;line-height:1.45;margin:0}.article-page .article-content .article-major-grid .article-skin-card img,.article-page .article-content .article-market-fee-grid .article-skin-card img,.article-page .article-content .article-sticker-grid .article-skin-card img{background:#050913}.promo-code-box{background:#1a1a2e;border:2px solid #8b5cf6;border-radius:16px;box-shadow:0 10px 30px #8b5cf640;margin:2.5rem 0;padding:2rem;text-align:center}.promo-code-box h3{color:#a5b4fc;font-size:1.35rem;margin:0 0 1rem}.promo-code{background:#0f0f1e;border:1px solid #64748b;border-radius:12px;color:#c4d0ff;display:inline-block;font-size:2.4rem;font-weight:700;letter-spacing:3px;margin-bottom:1rem;padding:1rem 2.5rem}.promo-description{color:#94a3b8;font-size:1.1rem;margin:.5rem 0 1.5rem}.claim-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:1px solid transparent;border-radius:10px;box-shadow:0 6px 18px #8b5cf659;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;line-height:1.25;min-height:44px;padding:11px 20px;text-decoration:none;text-shadow:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.claim-button:hover{background:linear-gradient(135deg,#9b6cff,#7478f5);box-shadow:0 8px 24px #8b5cf680;transform:translateY(-1px)}@media(max-width:640px){.promo-code-box{margin:1.75rem 0;padding:1.5rem}.promo-code{font-size:1.85rem;padding:.85rem 1.75rem}.claim-button{font-size:.92rem;padding:11px 18px;text-align:center;width:100%}.article-action-grid,.article-case-grid,.article-skin-grid,.article-skin-grid-three{grid-template-columns:1fr}.article-page .article-content .article-skin-card img{height:150px}.article-page .article-content h2{font-size:1.45rem}}.article-page .article-content a:after{display:none}.article-page .article-content a.claim-button{border-bottom:1px solid transparent;color:#fff}.article-page .article-content a.claim-button:after{content:none;display:none}.article-page .article-content a.claim-button:hover{border-bottom-color:transparent;color:#fff}@media(max-width:640px){.article-page .article-content a.claim-button{min-height:44px;padding:11px 18px;width:100%}}.article-page .article-content strong{color:var(--text-primary)}.article-page .article-content blockquote{background:var(--accent-violet-soft-2,rgba(139,92,246,.08));border-left:4px solid var(--accent-violet);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}.article-page .article-content blockquote:before{color:var(--accent-violet-2);opacity:.5}.article-page .article-content code{background:#8b5cf61f;border-color:var(--border-accent);color:var(--accent-violet-2)}.article-page .article-content pre{background:var(--bg-card-3);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.article-page .article-content img{animation:none!important;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);opacity:1!important;width:min(100%,980px)}.article-page .article-content img.article-steam-header-image{-o-object-fit:contain;object-fit:contain;width:min(100%,620px)}.article-page .article-content figcaption{color:var(--text-muted)}.article-page .article-content .article-source-note{color:var(--text-muted);font-size:.92rem}.article-page .article-content .article-table-wrap{margin:1.5rem 0;overflow-x:auto;width:100%}.article-page .article-content table{border:1px solid var(--border-soft);border-radius:var(--radius-md)}.article-page .article-content th{background:var(--accent-violet-soft);color:var(--text-primary)}.article-page .article-content tr:hover{background:#8b5cf60f}.article-page .article-meta{border-top:1px solid var(--border-subtle);margin-top:2.5rem;padding-top:2rem}.article-page .article-author-card{background:var(--bg-card-2);border:1px solid var(--border-soft)}.article-page .share-btn.copy{background:var(--bg-card-3);border-color:var(--border-accent);color:var(--text-primary)}@media(max-width:640px){.article-page .article-container{border-radius:var(--radius-lg);padding:22px 16px 32px}.article-page .article-author-info{flex-direction:row;text-align:left}.article-page .author-details{text-align:left}}.article-action-panel,.article-page .article-author-card,.article-page .article-author-info,.article-page .article-container,.article-page .article-content .article-action-grid a,.article-page .article-content .article-case-card,.article-page .article-content .article-skin-card,.article-page .article-content .article-skin-card img,.article-page .article-content img,.article-page .article-content pre,.article-page .article-content table,.article-page .article-featured-image,.article-page .table-of-contents,.claim-button,.promo-code,.promo-code-box{border-radius:8px}.article-page .article-container{background:linear-gradient(180deg,hsla(0,0%,100%,.018),transparent 280px),#10111ae6;border-color:#a78bfa24}.article-page .article-container:before{opacity:.34}.article-page .article-title{color:var(--text-primary);letter-spacing:0}.article-page .article-category,.article-page .toc-title{letter-spacing:.08em}.article-page .article-content h2,.article-page .article-content h3,.article-page .article-content h4{letter-spacing:0}.article-action-panel{background:linear-gradient(135deg,#8b5cf61a,#22d3ee0a),#10111adb}.promo-code-box{background:#10111ae0;border-width:1px}.promo-code{letter-spacing:.08em}@media(max-width:640px){.article-page .article-container{border-radius:8px}}.article-page{--ab-accent:#8a6bff;--ab-accent-soft:#cfc4ff;--ab-teal:#2dd4bf;--ab-line:hsla(0,0%,100%,.08);--ab-line-soft:hsla(0,0%,100%,.06);--ab-card:linear-gradient(180deg,#121219,#0e0e14);padding-top:clamp(18px,3vw,34px)}.article-progress{background:#ffffff0f;height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:120}.article-progress__fill{background:linear-gradient(90deg,#8a6bff,#2dd4bf);box-shadow:0 0 10px #7c5cff99;height:100%;transition:width .12s linear;width:0}.article-page .article-container,.article-page .article-container.article-theme-default,.article-page .article-container.article-type-article,.article-page .article-container.article-type-news,.article-page .article-container.article-type-review,.article-page .article-container.article-type-tutorial{background:none;border:0;border-left:0;border-radius:0;box-shadow:none;margin:0 auto;max-width:800px;padding:0 4px}.article-page .article-container:before{display:none}.article-page .article-back-row{align-items:center;color:#ffffff57;display:flex;flex-wrap:wrap;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.72rem;gap:8px;justify-content:center;letter-spacing:.02em;margin:8px 0 0}.article-page .article-crumb__link{background:none;border:0;border-radius:0;color:#ffffff9e;font-size:.75rem;min-height:0;padding:0;text-decoration:none;transition:color .15s}.article-page .article-crumb__link:hover{background:none;color:#cfc4ff}.article-page .article-crumb__sep{opacity:.5}.article-page .article-crumb__current{color:#ffffffb3}.article-page .article-header{background:none;border:0;border-left:0;margin-bottom:22px;padding:0;text-align:center}.article-head-block{align-items:center;display:flex;flex-direction:column}.article-page .article-badge{background:#7c5cff1f;border:1px solid rgba(124,92,255,.3);border-radius:999px;color:var(--ab-accent-soft);display:inline-block;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:600;letter-spacing:.14em;padding:5px 11px;text-transform:uppercase}.article-page .article-title{background:none;color:#f5f5f8;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(1.95rem,4.6vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:16px 0 0;-webkit-text-fill-color:currentColor;text-wrap:balance}.article-page .article-subtitle{color:#ffffff85;font-family:var(--font-sans,"Inter",sans-serif);font-size:1.05rem;line-height:1.6;margin:15px auto 0;max-width:620px}.article-byline{align-items:center;display:flex;flex-wrap:wrap;gap:10px 13px;justify-content:center;margin-top:18px}.article-byline__author{align-items:center;display:flex;gap:9px}.article-page .article-byline .author-avatar{border:0;border-radius:9px;box-shadow:none;flex:none;height:30px;overflow:hidden;width:30px}.article-page .article-byline .author-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-page .article-byline .author-avatar--mark{background:linear-gradient(135deg,#8a6bff,#5b3df0);padding:5px}.article-byline__author .author-name{color:#ececf2;font-size:.82rem;font-weight:600}.article-byline__dot{background:#ffffff4d;border-radius:50%;height:4px;width:4px}.article-byline__date,.article-byline__rt{color:#fff6;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.72rem}.article-byline__sep{background:#ffffff1a;height:18px;width:1px}.article-byline__copy{align-items:center;background:#7c5cff1f;border:1px solid rgba(124,92,255,.32);border-radius:10px;color:var(--ab-accent-soft);cursor:pointer;display:inline-flex;font-family:var(--font-sans,"Inter",sans-serif);font-size:.78rem;font-weight:600;gap:7px;padding:7px 12px;transition:background .15s}.article-byline__copy:hover{background:#7c5cff33}.article-page .article-featured-image{border:1px solid var(--ab-line);border-radius:18px;box-shadow:none;margin:26px 0 0;overflow:hidden;position:relative}.article-featured-image__accent{background:linear-gradient(90deg,#2dd4bf,#8a6bff 55%,transparent 92%);height:2px;left:0;position:absolute;right:0;top:0;z-index:2}.article-page .table-of-contents{background:var(--ab-card);border:1px solid var(--ab-line);border-radius:16px;box-shadow:none;margin:22px 0 0;overflow:hidden;padding:0}.toc-head{align-items:center;border-bottom:1px solid var(--ab-line-soft);display:flex;gap:12px;justify-content:space-between;padding:15px 18px}.article-page .table-of-contents.is-collapsed .toc-head{border-bottom:0}.toc-head__left{align-items:center;display:flex;gap:10px}.article-page .toc-title{color:#f4f4f7;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.9rem;font-weight:600;letter-spacing:0;margin:0;text-transform:none}.toc-count{background:#ffffff0d;border-radius:999px;color:#fff6;font-size:.58rem;letter-spacing:.1em;padding:3px 8px;text-transform:uppercase}.toc-count,.toc-toggle{font-family:var(--font-mono,"JetBrains Mono",monospace)}.toc-toggle{align-items:center;background:none;border:0;color:var(--ab-accent-soft);cursor:pointer;display:inline-flex;font-size:.7rem;gap:5px}.toc-toggle__chevron{display:inline-block;transition:transform .2s}.toc-toggle__chevron.is-up{transform:rotate(180deg)}.article-page .toc-list{display:grid;gap:4px 24px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:14px 18px}.article-page .toc-list li{margin:0}.article-page .toc-list li[class*=toc-level],.article-page .toc-list.toc-level-1{margin-left:0}.article-page .toc-list a{align-items:center;border-left:0;border-radius:8px;color:#fff9;display:flex;font-size:.82rem;gap:11px;min-height:0;padding:7px 8px;transition:color .15s,background .15s}.article-page .toc-list a:hover{background:#ffffff0a;border-left:0;color:#fff}.toc-num{color:#cfc4ffb3;flex:none;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.75rem;width:18px}.toc-text{min-width:0}.article-page .article-content{color:#fff9;font-family:var(--font-sans,"Inter",sans-serif);font-size:1rem;line-height:1.75;margin-top:32px}.article-page .article-content>p:first-child{color:#ffffffbd;font-size:1.12rem;line-height:1.7}.article-page .article-content p{color:#fff9;margin-bottom:1em;text-wrap:pretty}.article-page .article-content h2{border:0;border-left:0;color:#f4f4f7;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.55rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem;margin-top:2.6rem;padding:0 0 0 18px;position:relative;scroll-margin-top:90px}.article-page .article-content h2:before{background:linear-gradient(180deg,#8a6bff,#5b3df0);border-radius:3px;box-shadow:0 0 14px #7c5cff80;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.article-page .article-content h3{color:#ececf2;font-size:1.22rem;margin-bottom:.6rem;margin-top:1.9rem}.article-page .article-content h3,.article-page .article-content h4{font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:600}.article-page .article-content h4{color:#f0f0f4;font-size:1.05rem}.article-page .article-content ul{list-style:none;margin:0 0 1.1em;padding-left:0}.article-page .article-content ul li{color:#ffffff9e;font-size:1rem;line-height:1.65;margin-bottom:.7em;padding-left:24px;position:relative}.article-page .article-content ul li::marker{content:""}.article-page .article-content ul li:before{background:var(--ab-accent,#7c5cff);border-radius:2px;content:"";height:6px;left:3px;position:absolute;top:.62em;transform:rotate(45deg);width:6px}.article-page .article-content ol{margin:0 0 1.1em;padding-left:1.3rem}.article-page .article-content ol li{color:#ffffff9e;margin-bottom:.6em}.article-page .article-content ol li::marker{color:var(--ab-accent-soft);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.85em}.article-page .article-content strong{color:#e8e8ee;font-weight:600}.article-page .article-content a{border-bottom:1px solid rgba(124,92,255,.35);color:var(--ab-accent-soft);font-weight:500}.article-page .article-content a:hover{border-bottom-color:#7c5cffcc;color:#fff}.article-page .article-content table{background:var(--ab-card);border:1px solid var(--ab-line);border-radius:16px;margin:26px 0;overflow:hidden}.article-page .article-content th{background:#ffffff05;border-bottom:1px solid var(--ab-line-soft);color:#fff6;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.article-page .article-content td{border-bottom:1px solid hsla(0,0%,100%,.05);color:#ffffffb3}.article-page .article-content tr:hover{background:#ffffff05}.article-page .article-content blockquote{background:#7c5cff0f;border-left:3px solid var(--ab-accent);border-radius:0 12px 12px 0;color:#ffffffa8}.article-page .article-meta{border-top:1px solid var(--ab-line-soft);margin:40px auto 0;max-width:800px;padding-top:24px}.article-page .article-author-card{background:var(--ab-card);border:1px solid var(--ab-line);border-radius:16px}.article-page .article-tags-section h4,.article-page .related-articles h4,.article-page .social-share h4{color:#fff6;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:500;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.article-page .tags-cloud .tag{background:#ffffff05;border:1px solid hsla(0,0%,100%,.09);border-radius:999px;color:#ffffff9e;font-family:var(--font-sans,"Inter",sans-serif);font-size:.75rem;font-weight:500;padding:6px 12px}.article-page .tags-cloud .tag:before{content:"#";opacity:.6}.article-page .tags-cloud .tag:hover{background:#7c5cff14;border-color:#7c5cff66;color:var(--ab-accent-soft)}.article-page .related-content h5 a{color:#f0f0f4;font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:600}.article-hero{background:radial-gradient(120% 150% at 100% 0,rgba(45,212,191,.1),transparent 55%),linear-gradient(180deg,#11141a,#0d0d13);border:1px solid var(--ab-line);border-radius:22px;margin-top:26px;overflow:hidden;position:relative}.article-hero__top{background:linear-gradient(90deg,#2dd4bf,#8a6bff 55%,transparent 92%);display:block;height:2px}.article-hero__grid{align-items:center;display:grid;gap:26px;grid-template-columns:1fr 1fr;padding:24px 26px;text-align:left}.article-hero__kicker-row{align-items:center;display:flex;gap:10px}.article-hero__kicker{color:#ffffff73;font-weight:600;letter-spacing:.13em}.article-hero__kicker,.article-hero__live{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem}.article-hero__live{align-items:center;color:#3ddc91;display:inline-flex;gap:5px}.article-hero__live-dot{animation:article-livepulse 2s ease-in-out infinite;background:#3ddc91;border-radius:50%;box-shadow:0 0 8px #3ddc91;height:6px;width:6px}@keyframes article-livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.article-hero__live-dot{animation:none}}.article-hero__value-row{align-items:flex-end;display:flex;gap:13px;margin-top:13px}.article-hero__value{color:#f5f5f8;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:3rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em;line-height:.9}.article-hero__tier{align-items:center;background:color-mix(in srgb,var(--tier,#8847ff) 16%,transparent);border:1px solid color-mix(in srgb,var(--tier,#8847ff) 42%,transparent);border-radius:999px;color:color-mix(in srgb,var(--tier,#8847ff) 45%,#fff);display:inline-flex;font-size:.78rem;font-weight:600;gap:7px;margin-bottom:6px;padding:6px 12px}.article-hero__tier-dot{background:var(--tier,#8847ff);border-radius:50%;box-shadow:0 0 10px var(--tier,#8847ff);height:9px;width:9px}.article-hero__bar-head{align-items:center;color:#fff6;display:flex;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;justify-content:space-between;margin:16px 0 6px}.article-hero__delta{color:#3ddc91}.article-hero__bar{background:#ffffff0f;border-radius:999px;height:7px;overflow:hidden}.article-hero__bar-fill{background:linear-gradient(90deg,#8847ff,#a98bff);border-radius:999px;box-shadow:0 0 12px #8847ff99;height:100%}.article-hero__side{border-left:1px solid var(--ab-line);padding-left:26px}.article-hero__pool-title{color:#ffffff73;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:600;letter-spacing:.13em;margin-bottom:12px}.article-hero__maps{display:flex;flex-wrap:wrap;gap:8px}.article-hero__map{align-items:center;background:#ffffff05;border:1px solid var(--ab-line);border-radius:10px;color:#dcdce4;display:inline-flex;font-size:.78rem;gap:7px;padding:7px 11px}.article-hero__map-code{color:#a98bff;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.62rem;font-weight:700}@media(max-width:720px){.article-hero__grid{gap:20px;grid-template-columns:1fr}.article-hero__side{border-left:0;border-top:1px solid var(--ab-line);padding-left:0;padding-top:20px}.article-hero__value{font-size:2.4rem}}.article-page .article-content figure.article-fig{background:linear-gradient(180deg,#13121c,#0d0d13);border:1px solid rgba(124,92,255,.24);border-radius:16px;margin:28px 0;overflow:hidden;padding:0;text-align:left}.article-page .article-content .article-fig__head{align-items:center;border-bottom:1px solid rgba(124,92,255,.18);display:flex;gap:12px;justify-content:space-between;padding:11px 15px}.article-page .article-content .article-fig__kicker{color:#cfc4ff;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:600;letter-spacing:.12em}.article-page .article-content .article-fig__media{position:relative}.article-page .article-content .article-fig__media img{border:0;border-radius:0;box-shadow:none;display:block;height:auto;margin:0;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.article-page .article-content .article-fig__media img[src*="cdn.steamstatic.com/apps/730/icons"],.article-page .article-content .article-fig__media img[src*="community.akamai.steamstatic.com/economy/image"],.article-page .article-content .article-fig__media img[src*=android-icon]{background:#050913;height:min(330px,48vw);-o-object-fit:contain;object-fit:contain;padding:26px}.article-page .article-content figcaption.article-fig__cap{border-top:1px solid rgba(124,92,255,.14);color:#ffffff73;font-size:.78rem;font-style:normal;line-height:1.55;margin:0;padding:11px 15px;text-align:left}.article-page .article-content figcaption.article-fig__cap a{color:#cfc4ff}.article-page .related-head{align-items:center;display:flex;gap:11px;margin-bottom:16px}.article-page .related-head__title{color:#f4f4f7;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.05rem;font-weight:600}.article-page .related-head__line{background:linear-gradient(90deg,#ffffff1f,#fff0 70%);flex:1;height:1px}.article-page .related-list{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.article-page .related-item{background:#13131a;border:1px solid var(--ab-line);border-radius:15px;display:block;flex-direction:column;gap:0;overflow:hidden;padding:0;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.article-page .related-item:hover{border-color:#ffffff29;box-shadow:0 20px 44px -18px #000000d9;transform:translateY(-4px)}.article-page .related-item__tile{align-items:center;background:radial-gradient(115% 85% at 50% 0,rgba(124,92,255,.22),transparent 68%),linear-gradient(165deg,#191922,#0f0f15);display:flex;height:104px;justify-content:center;overflow:hidden;position:relative}.article-page .related-item__tile:after{background:linear-gradient(90deg,#8a6bff,transparent 85%);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.article-page .related-item__stripes{background:repeating-linear-gradient(135deg,hsla(0,0%,100%,.025) 0 1.5px,transparent 1.5px 10px);inset:0;pointer-events:none;position:absolute}.article-page .related-item__tile img{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5));margin:0;max-height:80%;max-width:72%;-o-object-fit:contain;object-fit:contain;padding:0;position:relative;width:auto;z-index:1}.article-page .related-content{padding:14px 15px 16px}.article-page .related-content h5{color:#f0f0f4;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.article-page .related-date{color:#ffffff9e;display:block;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.66rem;margin-top:9px}@media(max-width:760px){.article-page .related-list{grid-template-columns:1fr 1fr}}@media(max-width:640px){.article-page .toc-list{grid-template-columns:1fr}.article-byline__sep{display:none}.article-page .article-content h2{font-size:1.35rem}.article-page .related-list{grid-template-columns:1fr}}.article-page .article-content .article-table-scroll{margin:1.25rem 0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.article-page .article-content .article-table-scroll table{display:table;min-width:580px;table-layout:auto;width:100%}.article-page .article-content table caption{color:var(--text-secondary);padding:.75rem;text-align:left}.article-page .article-content .article-table-scroll:focus-visible{outline:2px solid var(--accent-violet-2);outline-offset:2px}