@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");:root{--primary-color:#6366F1;--primary-hover-color:#4F46E5;--primary-dark:#4F46E5;--secondary-color:#F4F4F5;--text-primary:#18181B;--text-secondary:#71717A;--accent-color:#EC4899;--border-color:#E4E4E7;--background-color:#ffffff;--surface-color:#F8F9FA;--card-background:#FFFFFF;--code-bg:#F1F5F9;--code-text:#1E293B;--code-header-bg:#E2E8F0;--info-bg:#EBF8FF;--info-border:#3B82F6;--success-bg:#F0FDF4;--success-border:#22C55E;--warning-bg:#FFFBEB;--warning-border:#F59E0B;--note-bg:#fdf2f8;--note-border:#be185d;--note-text:#9f1239;--button-bg:#F1F5F9;--button-text:#1E293B;--button-hover:#E2E8F0;--hover-bg:#F8FAFC;--code-keyword:#a855f7;--code-variable:#60a5fa;--code-string:#f472b6;--code-number:#fde047;--code-comment:#9ca3af;--code-function:#22d3ee;--code-constant:#fb923c;--code-type:#818cf8;--code-operator:#5eead4;--code-punctuation:#4ade80}.dark-theme{--primary-color:#818CF8;--primary-hover-color:#6366F1;--primary-dark:#6366F1;--secondary-color:#27272A;--text-primary:#F4F4F5;--text-secondary:#A1A1AA;--accent-color:#F472B6;--border-color:#3F3F46;--background-color:#18181B;--surface-color:#27272A;--card-background:#27272A;--code-bg:#0F172A;--code-text:#F1F5F9;--code-header-bg:#1E293B;--info-bg:#1E3A8A;--info-border:#3B82F6;--success-bg:#064E3B;--success-border:#10B981;--warning-bg:#78350F;--warning-border:#F59E0B;--note-bg:rgba(157,23,77,0.3);--note-border:#be185d;--note-text:#f9a8d4;--info-text:#bef264;--success-text:#bbf7d0;--warning-text:#fde68a;--button-bg:#3F3F46;--button-text:#F4F4F5;--button-hover:#52525B;--hover-bg:#3F3F46;--code-keyword:#d8b4fe;--code-variable:#93c5fd;--code-string:#f9a8d4;--code-number:#fef08a;--code-comment:#6b7280;--code-function:#67e8f9;--code-constant:#fdba74;--code-type:#a5b4fc;--code-operator:#5eead4;--code-punctuation:#86efac}.code-keyword{color:var(--code-keyword);font-weight:600}.code-variable{color:var(--code-variable)}.code-string{color:var(--code-string)}.code-number{color:var(--code-number)}.code-comment{color:var(--code-comment);font-style:italic}.code-function{color:var(--code-function)}.code-constant{color:var(--code-constant);font-weight:600}.code-type{color:var(--code-type);font-weight:600}.code-operator{color:var(--code-operator)}.code-punctuation{color:var(--code-punctuation)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6;font-size:.92rem;padding-top:80px}h1,h2,h3,h4,h5,h6,strong{font-weight:600;line-height:1.2}main{background-color:var(--background-color);transition:background-color .3s ease}@media (max-width:768px){main{padding:0}}.site-header{display:block;position:fixed;top:0;left:0;right:0;z-index:9999;width:100%;background-color:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,.1)}.dark-theme .site-header{background-color:rgba(24,24,27,.8)}.site-header .container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 1.5rem;position:relative}.logo-area .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:2.25rem;height:2.25rem;color:var(--primary-color);transition:transform .3s ease}.logo-icon:hover{transform:rotate(12deg)}.logo-text{font-size:1.15rem;font-weight:700;letter-spacing:-.05em;color:var(--text-primary)}.nav-area{display:flex;align-items:center;gap:.5rem;position:relative}.main-nav{display:none;align-items:center;gap:1.5rem}@media (min-width:768px){.main-nav{display:flex}}.main-nav.mobile-menu-open{display:flex;position:absolute;top:100%;right:0;background-color:var(--background-color,white);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:0 10px 25px rgba(0,0,0,.1);flex-direction:column;gap:1rem;min-width:200px;margin-top:.5rem}@media (min-width:768px){.main-nav.mobile-menu-open{position:static;background:none;border:none;box-shadow:none;flex-direction:row;padding:0;margin:0}}.main-nav a{font-size:.92rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--primary-color)}.actions{gap:.5rem}.actions,.btn-icon{display:flex;align-items:center}.btn-icon{justify-content:center;width:2.5rem;height:2.5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .3s ease}.btn-icon:hover{background-color:var(--surface-color);color:var(--text-primary)}.btn-icon svg{width:1.25rem;height:1.25rem}@media (max-width:767px){.mobile-menu-trigger,.theme-toggle{display:flex}}@media (min-width:768px){.mobile-menu-trigger{display:none}}.site-footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);margin-top:2rem}.site-footer .container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 1rem}.site-footer .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.about-section .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:1rem}.tagline{color:var(--text-secondary);margin-bottom:1rem}.links-section .section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.links-section ul{list-style:none;padding:0}.links-section ul li{margin-bottom:.5rem}.links-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.links-section ul li a:hover{color:var(--primary-color)}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.copyright{color:var(--text-secondary);font-size:.875rem}.social-links{display:flex;gap:1rem}.social-links a{color:var(--text-secondary);transition:color .3s ease}.social-links a:hover{color:var(--primary-color)}.social-links svg{width:1.25rem;height:1.25rem}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.contact-method{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background-color:var(--surface-color);border-radius:.5rem;border:1px solid var(--border-color);transition:all .3s ease}.contact-method:hover{background-color:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.1)}.contact-icon{flex-shrink:0;width:3rem;height:3rem;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.contact-method-icon{width:1.5rem;height:1.5rem}.contact-details h3{margin:0 0 .5rem;color:var(--text-primary);font-weight:600;font-size:1.125rem}.contact-details p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.contact-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-link:hover{color:var(--primary-hover-color);text-decoration:underline}.social-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--surface-color);color:var(--text-primary);text-decoration:none;border-radius:.5rem;border:1px solid var(--border-color);transition:all .3s ease;font-weight:500}.social-link:hover{background-color:var(--primary-color);color:white!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(99,102,241,.2)}.social-icon{width:1.25rem;height:1.25rem}.social-link.twitter:hover{background-color:#1DA1F2!important;color:white!important}.social-link.github:hover{background-color:#333!important;color:white!important}.social-link.linkedin:hover{background-color:#0077B5!important;color:white!important}.page-content hr{margin:1.5rem 0;border:none;height:2px;background:linear-gradient(to right,var(--primary-color),transparent);border-radius:1px}.contact-form{max-width:600px;margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:1rem;font-family:inherit;background-color:var(--background-color);color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background-color:var(--primary-color);color:white;border:none;padding:.75rem 2rem;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-button:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message,.success-message{margin-top:1rem;padding:.75rem;border-radius:.375rem;font-weight:500}.success-message{background-color:var(--success-bg);color:var(--success-border);border:1px solid var(--success-border)}.error-message{background-color:var(--warning-bg);color:var(--warning-border);border:1px solid var(--warning-border)}.main-content{flex:1;background-color:var(--background-color);min-height:100vh}.content-wrapper{max-width:1100px;margin:0 auto;padding:1rem 1.25rem}.hero-section{position:relative;border-radius:1rem;padding:2rem 1.5rem 1.5rem;margin-bottom:1.5rem;text-align:center;overflow:visible;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:white;box-shadow:0 10px 30px rgba(0,0,0,.1);max-height:60vh;display:flex;align-items:center;justify-content:center}.hero-section:after{content:"";position:absolute;bottom:-10px;left:50%;width:24px;height:24px;border:2px solid rgba(255,255,255,.8);border-top:none;border-left:none;transform:translateX(-50%) rotate(45deg);animation:scrollBounce 2s infinite;z-index:3}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateX(-50%) rotate(45deg) translateY(0)}40%{transform:translateX(-50%) rotate(45deg) translateY(-4px)}60%{transform:translateX(-50%) rotate(45deg) translateY(-2px)}}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateX(0) translateY(0)}to{transform:translateX(10px) translateY(10px)}}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;margin-bottom:.75rem;backdrop-filter:blur(10px)}.badge-text{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9)}.hero-title{font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem;color:white;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1rem;color:rgba(255,255,255,.9);max-width:500px;margin:0 auto 1rem;line-height:1.5;font-weight:400}.hero-features{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:rgba(255,255,255,.1);border-radius:.375rem;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.feature-item:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.feature-icon{font-size:1rem}.hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-element{position:absolute;font-family:Courier New,monospace;font-weight:700;color:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite;font-size:1.5rem}.element-1{top:10%;left:10%;animation-delay:-1s}.element-2{top:20%;right:15%;animation-delay:-2s;font-size:2rem}.element-3{bottom:30%;left:8%;animation-delay:-3s}.element-4{bottom:15%;right:20%;animation-delay:-4s}.element-5{top:40%;left:5%;animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.layout-grid{display:grid;gap:1.5rem}.chapters-container,.chapters-section .chapters-container{display:flex;flex-direction:column;gap:.75rem}.chapter-details{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden}.chapter-details:hover{transform:translateY(-1px)}.chapter-details:hover,.chapter-details[open]{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.chapter-details[open] .toggle-icon{transform:rotate(180deg)}.chapter-summary{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:.625rem .875rem;list-style:none;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));margin:-1px;border-radius:.5rem}.chapter-summary::-webkit-details-marker{display:none}.chapter-title{font-size:1rem;font-weight:600;color:white;margin:0}.chapter-number{color:rgba(255,255,255,.9);margin-right:.5rem;font-weight:700}.toggle-icon{transition:transform .3s ease;color:rgba(255,255,255,.8)}.toggle-icon svg{width:1.5rem;height:1.5rem}.articles-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border-color)}.articles-list li{padding:.25rem .5rem}.articles-list li:not(:last-child) .article-link{border-bottom:1px solid var(--border-color)}.article-content ol,.article-content ul{margin:1rem 0 1rem 1.5rem;padding-left:1.2rem}.article-content li{margin-bottom:.5rem;padding-left:.5rem;line-height:1.6}.article-content ul{list-style:disc inside}.article-content ol{list-style:decimal inside}.article-link{display:flex;justify-content:space-between;align-items:center;padding:.375rem .625rem;border-radius:.375rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.article-link:hover{background-color:var(--secondary-color);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.article-link:hover .arrow-icon{opacity:1;transform:translateX(4px);color:var(--accent-color)}.article-link:hover .article-number{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:scale(1.1)}.article-info{gap:.625rem}.article-info,.article-number{display:flex;align-items:center}.article-number{justify-content:center;height:1.5rem;width:1.5rem;border-radius:50%;background-color:rgba(99,102,241,.1);color:var(--primary-color);font-weight:700;font-size:.7rem;transition:all .2s ease;border:1px solid rgba(99,102,241,.2)}.article-info .article-title{font-weight:500;font-size:.875rem;color:var(--text-primary)}.arrow-icon{width:1.125rem;height:1.125rem;color:var(--primary-color);opacity:.6;transition:all .2s ease;transform:translateX(0)}@media (max-width:768px){.hero-section{padding:1.5rem 1rem;max-height:50vh;margin-bottom:1rem;border-radius:.5rem}.hero-content{max-width:100%}.hero-title{font-size:1.5rem;margin-bottom:.5rem;line-height:1.2}.hero-subtitle{font-size:.9rem;margin-bottom:1rem;line-height:1.4}.hero-badge{padding:.25rem .5rem;margin-bottom:.75rem;font-size:.7rem}.hero-features{gap:.5rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.feature-item{font-size:.7rem;padding:.375rem .5rem;flex:none}.feature-icon{font-size:.875rem}.floating-element{display:none}.content-wrapper{padding:1rem;max-width:100%;overflow-x:hidden}.hero-section:after{width:20px;height:20px;bottom:-8px}}@media (max-width:480px){.hero-section{padding:1rem .75rem;max-height:45vh}.hero-title{font-size:1.25rem;margin-bottom:.375rem}.hero-subtitle{font-size:.8rem;margin-bottom:.75rem}.hero-badge{font-size:.65rem;padding:.2rem .4rem;margin-bottom:.5rem}.hero-features{gap:.375rem;margin-top:.5rem}.feature-item{font-size:.65rem;padding:.25rem .4rem}.feature-icon{font-size:.75rem}.hero-section:after{width:18px;height:18px;bottom:-6px}}.article-page{min-height:calc(100vh - 200px);background-color:var(--background-color)}.article-container{max-width:1100px;margin:0 auto;padding:1rem 1.25rem}.article-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.separator{color:var(--text-secondary)}.article-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.article-description{font-size:.92rem;color:var(--text-secondary);line-height:1.6}.article-html-content{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-primary);max-width:100%;margin:0;font-size:.9rem}.article-html-content h1,.article-html-content h2,.article-html-content h3,.article-html-content h4,.article-html-content h5,.article-html-content h6{color:var(--text-primary);font-weight:700;margin:1.25rem 0 .75rem;line-height:1.2}.article-html-content h1{font-size:1.25rem;margin-top:.5rem}.article-html-content h1:first-child{margin-top:0}.article-html-content h1+p{margin-top:.5rem;margin-bottom:1.5rem}.article-html-content h1+p,.article-html-content h1+p strong{font-size:.875rem;color:var(--text-secondary);font-weight:400}.article-html-content h3{font-size:1rem}.article-html-content h2{font-size:1.1rem;position:relative;margin-top:1rem;margin-bottom:1rem}.article-html-content h2:before{content:"";display:block;width:100%;height:2px;margin-bottom:1rem;background-color:var(--border-color);border-radius:2px}.inline-code{font-family:Fira Code,monospace;background-color:#f3f4f6;color:#db2777;padding:.2em .4em;border-radius:.25rem;font-size:.95em;white-space:nowrap;display:inline}.inline-code:hover{background-color:#e5e7eb;color:#be185d}.article-html-content p{margin-bottom:.8rem;color:var(--text-primary);font-size:.92rem}.article-html-content ol,.article-html-content ul{margin:1rem 0;padding-left:2rem;font-size:.92rem}.article-html-content li{margin-bottom:.5rem;color:var(--text-primary);line-height:1.6}.article-html-content ul{list-style-type:disc}.article-html-content ol{list-style-type:decimal}.article-html-content ol ol,.article-html-content ol ul,.article-html-content ul ol,.article-html-content ul ul{margin:.5rem 0;padding-left:1.5rem}.article-html-content a{color:var(--primary-color);text-decoration:underline;text-decoration-color:transparent;transition:all .2s ease;font-weight:500}.article-html-content a:hover{color:var(--primary-hover-color);text-decoration-color:var(--primary-hover-color);background-color:rgba(99,102,241,.1);padding:.1rem .2rem;border-radius:3px}.article-html-content a:visited{color:var(--accent-color)}.article-html-content a:active{color:var(--primary-dark)}.article-html-content pre{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto;position:relative;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.article-html-content code{background-color:var(--code-bg);color:var(--code-text);padding:.125rem .25rem;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;display:inline;white-space:nowrap}.article-html-content pre code{display:block;min-width:100%;width:100%;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding:0;background:transparent}.syntax-highlighter-wrapper{width:100%;overflow:hidden}.syntax-highlighter-wrapper pre{overflow-x:auto}.syntax-highlighter-wrapper code,.syntax-highlighter-wrapper pre{white-space:pre-wrap!important;word-wrap:break-word;overflow-wrap:break-word}.enhanced-code-block .syntax-highlighter-wrapper code,.enhanced-code-block .syntax-highlighter-wrapper pre{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.enhanced-code-block .syntax-highlighter-wrapper code{margin-bottom:.5rem}.enhanced-code-block{margin-bottom:1rem!important}.code-block{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto;position:relative;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.code-block pre{margin:0;border:none;border-radius:0;overflow:visible}.code-block code,.code-block pre{padding:0;background:transparent;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.code-block code{display:block;width:100%;color:var(--code-text)}.article-html-content .code-block,.code-block code{font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.article-html-content .code-block{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto;position:relative;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.article-html-content .code-block pre{margin:0;border:none;border-radius:0;overflow:visible}.article-html-content .code-block code,.article-html-content .code-block pre{padding:0;background:transparent;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.article-html-content .code-block code{display:block;width:100%;color:var(--code-text);font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.copy-button{position:absolute;top:.75rem;right:.75rem;background-color:#374151;color:#f9fafb;border:1px solid #4b5563;border-radius:6px;padding:.375rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;opacity:.9;width:32px;height:32px;font-family:inherit;font-weight:500}.copy-button:hover{background-color:#4b5563;opacity:1;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.copy-button-text{display:none}.copy-icon{width:.75rem;height:.75rem}.article-html-content .code-block .copy-button{position:absolute;top:.75rem;right:.75rem;z-index:10}@media (max-width:768px){.copy-button{padding:.25rem;width:28px;height:28px}.article-html-content .code-block .copy-button,.copy-button{right:.5rem;top:.5rem}}.article-navigation{display:flex;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);justify-content:space-between;align-items:center}.nav-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:all .2s ease;min-width:120px;justify-content:center}.nav-button:hover{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-button.prev{justify-content:flex-start}.nav-button.next{justify-content:flex-end;margin-left:auto}.nav-button .arrow{font-size:1.2rem;transition:transform .2s ease}.nav-button:hover .arrow{transform:translateX(2px)}.nav-button.prev:hover .arrow{transform:translateX(-2px)}.nav-button-text{display:flex;flex-direction:column;align-items:flex-start}.nav-button.next .nav-button-text{align-items:flex-end}.nav-button-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.nav-button:hover .nav-button-label{color:rgba(255,255,255,.8)}.nav-button-title{font-size:.875rem;font-weight:600;margin-top:.25rem;max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.3}@media (max-width:768px){.article-navigation{flex-direction:column;gap:.75rem}.nav-button{width:100%;min-width:auto;padding:1rem}.nav-button.next{margin-left:0}.nav-button-text{flex:1}.nav-button-text,.nav-button.next .nav-button-text{align-items:center}.nav-button-title{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.3}.nav-button.next .nav-button-title,.nav-button.prev .nav-button-title{text-align:center}}.nav-link{flex:1;padding:1rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .3s ease}.nav-link:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.nav-link.next{text-align:right}.nav-direction{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.nav-title{font-weight:500;color:var(--text-primary)}@media (max-width:768px){.article-container{padding:1rem}.article-title{font-size:2rem}.article-navigation{flex-direction:column}.nav-link.next{text-align:left}}.about-us-container,.privacy-policy-container{max-width:1250px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 200px)}.about-us-container .header,.privacy-policy-container .header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.about-us-container .header h1,.privacy-policy-container .header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.about-us-container .header p,.privacy-policy-container .header p{font-size:1.125rem;color:var(--text-secondary)}.about-us-container .content,.privacy-policy-container .content{font-size:1rem;line-height:1.6;color:var(--text-primary)}.about-us-container .content h2,.privacy-policy-container .content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.about-us-container .content p,.privacy-policy-container .content p{margin-bottom:1rem;color:var(--text-primary)}.about-us-container .content ul,.privacy-policy-container .content ul{margin-bottom:1rem;padding-left:1.5rem}.about-us-container .content li,.privacy-policy-container .content li{margin-bottom:.5rem;color:var(--text-primary)}.support-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.support-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent}.paypal-button{background-color:#0070f3;color:white;border-color:#0070f3}.paypal-button:hover{background-color:#0051a2;border-color:#0051a2}.coffee-button{background-color:#FFDD00!important;color:#000!important;border-color:#FFDD00!important;transition:transform .2s ease!important}.coffee-button:hover{background-color:#e6c700!important;border-color:#e6c700!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(255,221,0,.4)!important}.button-icon{width:1.25rem;height:1.25rem}@media (max-width:768px){.about-us-container,.privacy-policy-container{padding:1rem}.about-us-container .header h1,.privacy-policy-container .header h1{font-size:2rem}.support-buttons{flex-direction:column}.support-button{justify-content:center}.contact-method{flex-direction:column;text-align:center;gap:1rem;padding:1rem}.contact-icon{align-self:center}.contact-form{padding:0 .5rem}.submit-button{width:100%}.social-links{flex-direction:column;gap:.75rem}.social-link{justify-content:center}}@media (max-width:320px){.contact-method{padding:.75rem;margin:.5rem 0}.contact-details h3{font-size:1rem}.contact-details p,.contact-link{font-size:.875rem;line-height:1.4}.contact-link{word-break:break-all}.contact-icon{width:2.5rem;height:2.5rem}.contact-method-icon{width:1.25rem;height:1.25rem}.article-html-content .code-block{font-size:.8rem;padding:.75rem;margin:1rem 0 1.5rem}.article-html-content .code-block code{line-height:1.4}}.article-html-content .callout{box-shadow:0 1px 3px rgba(0,0,0,.1)}.article-html-content .callout,.callout{margin:2rem 0;padding:1.25rem;border-left:4px solid;border-radius:0 .375rem .375rem 0}.callout{position:relative}.enhanced-callout .callout-header{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.enhanced-callout .callout-header .material-icons{font-size:1.25rem}.callout:not(.enhanced-callout):before{content:attr(data-title);display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.125rem;font-weight:700}.callout.note:not(.enhanced-callout):before{content:"📝 Short Note";color:var(--note-text)}.callout.info:not(.enhanced-callout):before{content:"ℹ️ Info";color:#65a30d}.callout.best-practice:not(.enhanced-callout):before{content:"✅ Best Practice";color:var(--success-border)}.callout.did-you-know:not(.enhanced-callout):before{content:"💡 Did You Know?";color:var(--accent-color)}.callout-body,.callout:not(.enhanced-callout){font-size:.875rem;margin-top:0}.callout-body p:first-child,.callout:not(.enhanced-callout) p:first-child{margin-top:0}.callout-body p:last-child,.callout:not(.enhanced-callout) p:last-child{margin-bottom:0}.callout-body ul,.callout:not(.enhanced-callout) ul{margin:.5rem 0;padding-left:1.5rem}.callout-body li,.callout:not(.enhanced-callout) li{margin:.25rem 0}.callout.note{background-color:var(--note-bg);border-color:var(--note-border)}.callout.note .callout-header{color:var(--note-border)}.callout.note .callout-body,.callout.note .callout-body li,.callout.note .callout-body p,.callout.note .callout-body span,.callout.note .callout-body ul,.callout.note:not(.enhanced-callout),.callout.note:not(.enhanced-callout) li,.callout.note:not(.enhanced-callout) p,.callout.note:not(.enhanced-callout) span,.callout.note:not(.enhanced-callout) ul{color:var(--note-text)}.callout.info{background-color:#ecfccb;border-color:#65a30d}.callout.info .callout-header{color:#65a30d}.callout.info .callout-body,.callout.info .callout-body li,.callout.info .callout-body p,.callout.info .callout-body span,.callout.info .callout-body ul,.callout.info:not(.enhanced-callout),.callout.info:not(.enhanced-callout) li,.callout.info:not(.enhanced-callout) p,.callout.info:not(.enhanced-callout) span,.callout.info:not(.enhanced-callout) ul{color:#365314}.callout.best-practice{background-color:#f0fdf4;border-color:var(--success-border)}.callout.best-practice .callout-header{color:var(--success-border)}.callout.best-practice .callout-body,.callout.best-practice .callout-body li,.callout.best-practice .callout-body p,.callout.best-practice .callout-body span,.callout.best-practice .callout-body ul,.callout.best-practice:not(.enhanced-callout),.callout.best-practice:not(.enhanced-callout) li,.callout.best-practice:not(.enhanced-callout) p,.callout.best-practice:not(.enhanced-callout) span,.callout.best-practice:not(.enhanced-callout) ul{color:#166534}.callout.did-you-know{background-color:#fefce8;border-color:var(--accent-color)}.callout.did-you-know .callout-header{color:var(--accent-color)}.callout.did-you-know .callout-body,.callout.did-you-know .callout-body li,.callout.did-you-know .callout-body p,.callout.did-you-know .callout-body span,.callout.did-you-know .callout-body ul,.callout.did-you-know:not(.enhanced-callout),.callout.did-you-know:not(.enhanced-callout) li,.callout.did-you-know:not(.enhanced-callout) p,.callout.did-you-know:not(.enhanced-callout) span,.callout.did-you-know:not(.enhanced-callout) ul{color:#a16207}.dark-theme .callout.note{background-color:var(--note-bg)}.dark-theme .callout.note .callout-body,.dark-theme .callout.note .callout-body li,.dark-theme .callout.note .callout-body p,.dark-theme .callout.note .callout-body span,.dark-theme .callout.note .callout-body ul,.dark-theme .callout.note.enhanced-callout .callout-body p,.dark-theme .callout.note.enhanced-callout .callout-body span,.dark-theme .callout.note.enhanced-callout .callout-body span p,.dark-theme .callout.note:not(.enhanced-callout),.dark-theme .callout.note:not(.enhanced-callout) li,.dark-theme .callout.note:not(.enhanced-callout) p,.dark-theme .callout.note:not(.enhanced-callout) span,.dark-theme .callout.note:not(.enhanced-callout) ul{color:var(--note-text)}.dark-theme .callout.info{background-color:rgba(101,163,13,.1)}.dark-theme .callout.info .callout-body,.dark-theme .callout.info .callout-body li,.dark-theme .callout.info .callout-body p,.dark-theme .callout.info .callout-body span,.dark-theme .callout.info .callout-body ul,.dark-theme .callout.info.enhanced-callout .callout-body p,.dark-theme .callout.info.enhanced-callout .callout-body span,.dark-theme .callout.info.enhanced-callout .callout-body span p,.dark-theme .callout.info:not(.enhanced-callout),.dark-theme .callout.info:not(.enhanced-callout) li,.dark-theme .callout.info:not(.enhanced-callout) p,.dark-theme .callout.info:not(.enhanced-callout) span,.dark-theme .callout.info:not(.enhanced-callout) ul{color:var(--info-text)}.dark-theme .callout.best-practice{background-color:rgba(21,128,61,.1)}.dark-theme .callout.best-practice .callout-body,.dark-theme .callout.best-practice .callout-body li,.dark-theme .callout.best-practice .callout-body p,.dark-theme .callout.best-practice .callout-body span,.dark-theme .callout.best-practice .callout-body ul,.dark-theme .callout.best-practice.enhanced-callout .callout-body p,.dark-theme .callout.best-practice.enhanced-callout .callout-body span,.dark-theme .callout.best-practice.enhanced-callout .callout-body span p,.dark-theme .callout.best-practice:not(.enhanced-callout),.dark-theme .callout.best-practice:not(.enhanced-callout) li,.dark-theme .callout.best-practice:not(.enhanced-callout) p,.dark-theme .callout.best-practice:not(.enhanced-callout) span,.dark-theme .callout.best-practice:not(.enhanced-callout) ul{color:var(--success-text)}.dark-theme .callout.did-you-know{background-color:rgba(161,98,7,.1)}.dark-theme .callout.did-you-know .callout-body,.dark-theme .callout.did-you-know .callout-body li,.dark-theme .callout.did-you-know .callout-body p,.dark-theme .callout.did-you-know .callout-body span,.dark-theme .callout.did-you-know .callout-body ul,.dark-theme .callout.did-you-know.enhanced-callout .callout-body p,.dark-theme .callout.did-you-know.enhanced-callout .callout-body span,.dark-theme .callout.did-you-know.enhanced-callout .callout-body span p,.dark-theme .callout.did-you-know:not(.enhanced-callout),.dark-theme .callout.did-you-know:not(.enhanced-callout) li,.dark-theme .callout.did-you-know:not(.enhanced-callout) p,.dark-theme .callout.did-you-know:not(.enhanced-callout) span,.dark-theme .callout.did-you-know:not(.enhanced-callout) ul{color:var(--warning-text)}.dark-theme .callout.enhanced-callout .callout-body *{color:inherit}.dark-theme .callout.note.enhanced-callout .callout-body *{color:var(--note-text)}.dark-theme .callout.info.enhanced-callout .callout-body *{color:var(--info-text)}.dark-theme .callout.best-practice.enhanced-callout .callout-body *{color:var(--success-text)}.dark-theme .callout.did-you-know.enhanced-callout .callout-body *{color:var(--warning-text)}.dark-theme .callout.note.enhanced-callout .callout-body span p{color:var(--note-text)}.article-html-content .data-types-list{list-style:none;padding:0;margin:1rem 0}.article-html-content .data-types-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;margin:.75rem 0}.article-html-content .data-type-code{font-weight:700;font-size:1rem;color:var(--primary-color);background-color:#eef2ff;padding:.25rem .5rem;border-radius:.375rem;margin-top:.25rem;flex-shrink:0;min-width:fit-content;width:auto}.article-html-content .data-type-description{margin:0;font-size:.875rem;color:var(--text-secondary);flex:1}.article-html-content .\!m-0{margin:0}.article-html-content .list-none li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0}.article-html-content .list-none li code{flex-shrink:0;width:auto;min-width:fit-content;display:inline-block}.article-html-content .list-none li p{margin:0;flex:1}.article-html-content .my-8{margin:2rem 0}.article-html-content .bg-pink-50{background-color:#fdf2f8;border-top:1px solid #fce7f3;border-right:1px solid #fce7f3;border-bottom:1px solid #fce7f3;box-shadow:0 1px 3px rgba(0,0,0,.1)}.article-html-content .bg-yellow-50{background-color:#fefce8;border-top:1px solid #fef3c7;border-right:1px solid #fef3c7;border-bottom:1px solid #fef3c7;box-shadow:0 1px 3px rgba(0,0,0,.1)}.article-html-content .bg-green-50{background-color:#f0fdf4;border-top:1px solid #dcfce7;border-right:1px solid #dcfce7;border-bottom:1px solid #dcfce7;box-shadow:0 1px 3px rgba(0,0,0,.1)}.article-html-content .bg-blue-50{background-color:#eff6ff;border-top:1px solid #dbeafe;border-right:1px solid #dbeafe;border-bottom:1px solid #dbeafe;box-shadow:0 1px 3px rgba(0,0,0,.1)}.article-html-content .border-l-4{border-left-width:4px;border-left-style:solid}.article-html-content .p-5{padding:1.25rem}.article-html-content .rounded-r-md{border-radius:0 .375rem .375rem 0}.article-html-content .text-lg{font-size:1.125rem}.article-html-content .font-bold{font-weight:700}.article-html-content .mt-0{margin-top:0}.article-html-content .mb-1{margin-bottom:.25rem}.article-html-content .flex{display:flex}.article-html-content .items-center{align-items:center}.article-html-content .gap-2{gap:.5rem}.article-html-content .text-sm{font-size:.875rem}.article-html-content .list-none{list-style:none}.article-html-content .p-0{padding:0}.article-html-content .space-y-3>*+*{margin-top:.75rem}.article-html-content .items-start{align-items:flex-start}.article-html-content .gap-3{gap:.75rem}.article-html-content .py-2{padding-top:.5rem;padding-bottom:.5rem}.article-html-content .text-base{font-size:1rem}.article-html-content .bg-indigo-50{background-color:#eef2ff}.article-html-content .px-2{padding-left:.5rem;padding-right:.5rem}.article-html-content .py-1{padding-top:.25rem;padding-bottom:.25rem}.article-html-content .rounded-md{border-radius:.375rem}.article-html-content .mt-1{margin-top:.25rem}.article-html-content .border-\[var\(--secondary-color\)\]{border-left-color:var(--secondary-color)}.article-html-content .border-\[var\(--accent-color\)\]{border-left-color:var(--accent-color)}.article-html-content .border-\[var\(--success-border\)\]{border-left-color:var(--success-border)}.article-html-content .border-\[var\(--primary-color\)\]{border-left-color:var(--primary-color)}.article-html-content .text-\[var\(--secondary-color\)\]{color:#be185d;font-weight:700}.article-html-content .text-\[var\(--accent-color\)\]{color:#a16207;font-weight:700}.article-html-content .text-\[var\(--success-border\)\]{color:#166534;font-weight:700}.article-html-content .text-\[var\(--primary-color\)\]{color:#1e40af;font-weight:700}.article-html-content .text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.article-html-content .text-pink-800{color:#be185d;font-weight:500}.article-html-content .text-yellow-800{color:#a16207;font-weight:500}.article-html-content .text-green-800{color:var(--success-border);font-weight:500}.article-html-content .text-blue-800{color:#1e40af;font-weight:500}.article-html-content .text-purple-400{color:#a855f7}.article-html-content .text-cyan-400{color:#22d3ee}.article-html-content .text-teal-300{color:#5eead4}.article-html-content .text-yellow-300{color:#fde047}.article-html-content .text-green-400{color:#4ade80}.article-html-content .text-orange-400{color:#fb923c}.article-html-content .text-blue-400{color:#60a5fa}.article-html-content .text-red-400{color:#f87171}.article-html-content .text-pink-400{color:#f472b6}.article-html-content .text-indigo-400{color:#818cf8}.article-html-content .text-gray-400{color:#9ca3af}.article-html-content .text-white{color:#ffffff}.article-html-content .material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.article-html-content .text-xl{font-size:1.25rem}.page-content{line-height:1.6;color:var(--text-primary);font-size:.92rem}.page-content h1{font-size:1.25rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.align-center{color:var(--primary-color);text-align:center}.page-content h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;line-height:1.3}.page-content p{margin-bottom:1.2rem;font-size:.92rem}.page-content ul{margin-bottom:1.2rem;padding-left:1.5rem}.page-content li{margin-bottom:.5rem}@media (max-width:768px){.page-content{padding:1.5rem 1rem}.page-content h1{font-size:1.75rem}.page-content h2{font-size:1.25rem}.support-buttons{flex-direction:column}.support-button{justify-content:center}}.comparison-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2rem 0}.comparison-table{min-width:340px;width:100%;border-collapse:collapse;background:var(--card-background);box-shadow:0 2px 8px rgba(0,0,0,.04);border-radius:.75rem;overflow:hidden;font-size:.92rem}.comparison-table td,.comparison-table th{padding:.7rem 1rem;border-bottom:1px solid var(--border-color);text-align:left;font-size:.92rem}.comparison-table th{background:var(--surface-color);color:var(--primary-color);font-weight:600;letter-spacing:.02em}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr{transition:background .2s}.comparison-table tbody tr:hover{background:var(--hover-bg)}.comparison-table td{color:var(--text-primary)}.comparison-table .highlight{background:var(--accent-color);color:#fff;font-weight:600}.dark-theme .comparison-table{background:var(--card-background);box-shadow:0 2px 8px rgba(0,0,0,.18)}.dark-theme .comparison-table th{background:var(--surface-color);color:var(--accent-color)}.dark-theme .comparison-table td{color:var(--text-primary)}.dark-theme .comparison-table tbody tr:hover{background:var(--hover-bg)}.dark-theme .comparison-table .highlight{background:var(--accent-color);color:#fff}@media (max-width:700px){.comparison-table-wrapper{margin:1rem 0}.comparison-table{font-size:.88rem;min-width:320px}.comparison-table td,.comparison-table th{padding:.55rem .7rem;font-size:.88rem}}html{scroll-behavior:smooth}@keyframes lastReadPulse{0%{background-color:var(--secondary-color)}50%{background-color:rgba(99,102,241,.1)}to{background-color:var(--secondary-color)}}.chapters-section .article-link{transition:background-color .3s ease,transform .2s ease;position:relative}.chapters-section .chapter-details[open]{margin-bottom:1.5rem}.chapters-section .chapter-details[open] .chapter-summary{margin-bottom:1rem}.chapters-section .chapter-details[open] .toggle-icon svg{transform:rotate(180deg)}.chapters-section .article-link:after{content:"";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:transparent;border-radius:50%;transition:all .2s ease}.chapters-section .article-link.last-read:after{background:var(--accent-color);animation:pulse 2s infinite}.chapters-section .article-link.last-read{border-color:var(--accent-color);background-color:rgba(99,102,241,.05)}.blog-page{min-height:100vh;background-color:var(--background-color)}.blog-container{max-width:1200px;margin:0 auto;padding:2rem 1.25rem}.blog-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.blog-page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.blog-page-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.blog-content{width:100%}.blog-sidebar{position:sticky;top:6rem}.sidebar-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.sidebar-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;border-radius:.5rem;background-color:var(--background-color);border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer;text-align:left}.category-item:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.category-item.active{background-color:var(--primary-color);border-color:var(--primary-color)}.category-item.active .category-name{color:white}.category-item.active .category-count{background-color:rgba(255,255,255,.2);color:white}.category-name{font-weight:500;color:var(--text-primary)}.category-count{background-color:var(--primary-color);color:white;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;min-width:1.5rem;text-align:center}.featured-list{display:flex;flex-direction:column;gap:1rem}.featured-post{display:block;text-decoration:none;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--background-color);transition:all .2s ease}.featured-post:hover{background-color:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.featured-post h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.featured-excerpt{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{font-size:.75rem;color:var(--text-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.blog-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--primary-color)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-image{position:relative;height:120px;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);display:flex;align-items:center;justify-content:center}.placeholder-image{color:rgba(255,255,255,.8);width:4rem;height:4rem}.featured-badge{background-color:var(--accent-color)}.category-badge,.featured-badge{color:white;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-badge{background-color:var(--primary-color)}.blog-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8rem;color:var(--text-secondary)}.blog-date{font-weight:500}.blog-read-time{color:var(--primary-color);font-weight:500}.blog-card-title{margin-bottom:.75rem}.blog-card-title a{font-size:.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-card-title a:hover{color:var(--primary-color)}.blog-card-excerpt{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;flex-grow:1}.blog-card-footer{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);width:100%}.blog-author{font-size:.8rem;color:var(--text-secondary);font-weight:500;width:100%}.blog-post-page{min-height:100vh;background-color:var(--background-color)}.blog-post-container{max-width:800px;margin:0 auto;padding:2rem 1.25rem}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-color)}.blog-post-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.blog-header-top{margin-bottom:.75rem}.blog-header-top,.post-meta{display:flex;align-items:center;justify-content:space-between}.post-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:0;font-size:.8rem}.post-meta-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.post-category{background-color:var(--primary-color);color:white;padding:.2rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.post-author,.post-date,.post-read-time{color:var(--text-secondary);font-weight:500}.blog-post-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:.75rem}.post-author-info{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:0}.post-tag{background-color:rgba(99,102,241,.1);color:var(--primary-color);padding:.2rem .5rem;border:1px solid rgba(99,102,241,.2);border-radius:.25rem;font-size:.75rem;font-weight:500}.blog-post-content{line-height:1.7;color:var(--text-primary);margin-top:2rem}.blog-content-wrapper header{display:none}.blog-post-footer{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color)}.related-posts h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-post{display:block;padding:1.5rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.75rem;text-decoration:none;transition:all .2s ease}.related-post:hover{background-color:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.related-post h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.related-post p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-meta{font-size:.75rem;color:var(--primary-color);font-weight:500}.no-posts-message{text-align:center;padding:3rem 2rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;grid-column:1/-1}.no-posts-message h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.no-posts-message p{color:var(--text-secondary);font-size:1rem}@media (max-width:1024px){.blog-content{grid-template-columns:1fr;gap:2rem}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.sidebar-section{margin-bottom:0}}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-container{padding:1rem}.blog-page-title{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-image{height:100px}.blog-card-content{padding:.875rem}.blog-card-footer{flex-direction:column;align-items:flex-start;margin-top:auto;padding-top:.75rem}.blog-post-container{padding:1rem}.blog-post-title{font-size:1.25rem}.post-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.post-meta-left{width:100%}.related-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-page-title{font-size:1.5rem}.blog-card-title a{font-size:1.125rem}.blog-post-title{font-size:1.5rem}.sidebar-section{padding:1rem}.blog-sidebar{grid-template-columns:1fr}}.chapters-section .article-link.last-read .arrow-icon{opacity:1;color:var(--accent-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.last-read-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--accent-color);font-weight:500;margin-left:.5rem;opacity:.8}.last-read-badge:before{content:"●";animation:pulse 2s infinite}.faq-section{margin:2rem 0}.faq-item,.resource-item{margin-bottom:2rem;padding:1.5rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem}.faq-item h3,.resource-item h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.25rem}.faq-footer{margin-top:3rem;padding:2rem;background-color:var(--background-secondary);border-radius:.75rem;text-align:center}.resource-links{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.resource-link{display:inline-block;padding:.5rem 1rem;background-color:var(--primary-color);color:white;text-decoration:none;border-radius:.375rem;font-weight:500;transition:background-color .2s ease}.resource-link:hover{background-color:var(--primary-hover-color)}.inline-link{color:var(--primary-color);text-decoration:underline;font-weight:500}.inline-link:hover{color:var(--primary-hover-color)}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.donate-button{display:inline-block!important;padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#0070f3,#0051cc)!important;color:white!important;text-decoration:none!important;border-radius:.5rem!important;font-weight:600!important;font-size:1rem!important;transition:all .2s ease!important;box-shadow:0 2px 8px rgba(0,112,243,.3)!important;border:none!important;min-width:120px!important;text-align:center!important;z-index:10!important;position:relative!important}.donate-button:hover{background:linear-gradient(135deg,#0051cc,#003d99)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,112,243,.4)!important;color:white!important}.donate-button.custom{background:linear-gradient(135deg,#28a745,#1e7e34)!important;box-shadow:0 2px 8px rgba(40,167,69,.3)!important;color:white!important}.donate-button.custom:hover{background:linear-gradient(135deg,#1e7e34,#155724)!important;box-shadow:0 4px 12px rgba(40,167,69,.4)!important;color:white!important}.donate-button-container{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.dark-theme .post-tag{background-color:rgba(99,102,241,.15);color:var(--primary-color);border-color:rgba(99,102,241,.3)}