:root{--bg-primary: #08080C;--bg-secondary: rgba(18, 18, 24, .65);--text-primary: #FFFFFF;--text-secondary: #94A3B8;--border-color: rgba(255, 255, 255, .06);--glass-bg: rgba(12, 12, 20, .85);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .45);--card-shadow-hover: 0 16px 48px 0 rgba(37, 99, 235, .12);--accent-color: #2563EB;--accent-hover: #1D4ED8;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--border-radius-card: 24px;--theme-transition: all .3s ease}body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1001}.scroll-progress-bar{height:100%;width:0%;background:var(--accent-color);transition:width .1s ease-out}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.article-header{padding:6rem 0 3.5rem;border-bottom:1px solid var(--border-color);margin-bottom:3.5rem}.article-meta{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.25rem}.article-category{background-color:#2563eb14;border:1px solid rgba(37,99,235,.2);color:var(--accent-color);padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.article-header h1{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.5rem}.article-desc{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;max-width:800px}.article-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:4.5rem;margin-bottom:8rem}@media(max-width:992px){.article-grid{grid-template-columns:1fr;gap:3.5rem}}.article-body-wrapper{position:relative;min-height:400px}.article-body{font-size:1.05rem;line-height:1.8;color:#ffffffe6}.article-body h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:2.5rem 0 1.25rem;color:#fff}.article-body h3{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:2rem 0 1rem;color:#fff}.article-body p{margin-bottom:1.5rem}.article-body ul,.article-body ol{margin:1rem 0 1.5rem 2rem}.article-body li{margin-bottom:.5rem}.article-body blockquote{border-left:3px solid var(--accent-color);padding-left:1.5rem;font-style:italic;color:var(--text-secondary);margin:2rem 0}.article-lock-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 5%,rgba(8,8,12,.96) 20%,#08080C 100%);backdrop-filter:blur(10px);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10rem;text-align:center;transition:var(--theme-transition)}.overlay-box{max-width:440px;padding:3rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-card);box-shadow:var(--card-shadow);backdrop-filter:blur(20px)}.overlay-icon{width:48px;height:48px;background:#2563eb14;border:1px solid rgba(37,99,235,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin:0 auto 1.5rem}.overlay-box h3{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.75rem}.overlay-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.sidebar-container{position:relative}.sticky-sidebar{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:2rem}.sidebar-card{background-color:var(--bg-secondary)!important;backdrop-filter:blur(20px);border:1px solid var(--border-color)!important;border-radius:var(--border-radius-card);padding:2.5rem;box-shadow:var(--card-shadow);transition:var(--theme-transition)}.sidebar-card:hover{border-color:var(--accent-color)!important;box-shadow:var(--card-shadow-hover)}.sidebar-card h4{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.01em}.sidebar-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.75rem}.sidebar-card .btn{width:100%}
