.article-main{color:#fff;background-color:#030303;min-height:100vh;padding-top:100px}.article-main .back-link-wrapper{margin-bottom:2rem}.article-main .back-link{color:#fff;background:#0a84ff;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:8px 16px 8px 12px;font-family:Barlow,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.article-main .back-link svg{transition:transform .3s}.article-main .back-link:hover{color:#0a84ff;background:#ffffff1a}.article-main .back-link:hover svg{transform:translate(-4px)}.article-main .article-container{max-width:56rem;margin:0 auto;padding:1rem 1rem 3rem}.article-main .article-hero-wrapper{background-color:#141414;border:1px solid #0000;border-radius:16px;max-width:56rem;margin:0 auto 2rem;overflow:hidden;box-shadow:0 10px 24px #00000040}.article-main .article-hero-img{object-fit:cover;width:100%;height:auto;display:block}.article-main .article-content-wrapper{margin:0 auto}.article-main .badge-container{margin-bottom:1.5rem}.article-main .article-badge{color:#fff;background-color:#0a84ff;border-radius:12px;padding:10px 20px;font-family:Barlow,sans-serif;font-size:12px;font-weight:700;line-height:14px;display:inline-block}.article-main .article-title{color:#fff;margin-bottom:1rem;font-family:Barlow,sans-serif;font-size:36px;font-weight:600;line-height:56px}.article-main .article-meta{color:#fffc;align-items:center;margin-bottom:2.5rem;font-family:Barlow,sans-serif;font-size:16px;font-weight:400;line-height:150%;display:flex}.article-main .meta-dot{margin:0 .5rem}.article-main .article-body{color:#fffc;font-family:Barlow,sans-serif}.markdown-content h2{color:#fff;margin-top:2.5rem;margin-bottom:1rem;font-family:Barlow,sans-serif;font-size:28px;font-weight:600;line-height:1.3}.markdown-content h3{color:#fff;margin-top:2rem;margin-bottom:.75rem;font-family:Barlow,sans-serif;font-size:22px;font-weight:600;line-height:1.4}.markdown-content p{color:#fffc;margin-bottom:1.25rem;font-family:Barlow,sans-serif;font-size:16px;font-weight:400;line-height:150%}.markdown-content ul{color:#fffc;margin-bottom:1.25rem;padding-left:1.5rem;font-family:Barlow,sans-serif;font-size:16px;line-height:150%;list-style-type:disc}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #333;padding:10px}.markdown-content th{color:#fff;background-color:#141414}.article-main .article-cta-box{text-align:center;background-color:#141414;border-radius:16px;flex-direction:column;align-items:center;margin-top:4rem;padding:2.5rem 2rem;display:flex;box-shadow:0 10px 24px #00000040}.article-main .cta-heading{color:#fff;margin-bottom:.5rem;font-family:Barlow,sans-serif;font-size:36px;font-weight:600;line-height:56px}.article-main .cta-text{color:#fffc;margin-bottom:1.5rem;font-family:Barlow,sans-serif;font-size:16px;font-weight:400;line-height:150%}.article-main .cta-button{color:#fff;cursor:pointer;background:#0a84ff;border:1px solid #0a84ff;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:162px;padding:14px 22px;font-family:Barlow,sans-serif;font-size:14px;font-weight:700;line-height:14px;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex}.article-main .cta-button:hover{color:#0a84ff;background:#ffffff1a}.comments-section{border-top:1px solid #333;margin-top:4rem;padding-top:3rem;font-family:Barlow,sans-serif}.comments-heading{color:#fff;margin-bottom:1.5rem;font-size:24px;font-weight:700}.comment-item{gap:1rem;margin-bottom:1.5rem;display:flex}.comment-avatar{background-color:#333;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-body{background-color:#141414;border-radius:12px;flex-grow:1;padding:1rem 1.25rem}.comment-author{color:#fff;margin:0;font-size:16px;font-weight:700}.comment-date{color:#888;margin-bottom:.5rem;font-size:12px;display:block}.comment-text{color:#fffc;margin-bottom:.5rem;font-size:15px;line-height:1.5}.comment-reply-btn{color:#0a84ff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.comment-reply-btn:hover{text-decoration:underline}.comment-form-wrapper{margin-top:3rem}.comment-form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.comment-input,.comment-textarea{color:#fff;background-color:#0000;border:1px solid #333;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .3s}.comment-input:focus,.comment-textarea:focus{border-color:#0a84ff}.comment-textarea{resize:vertical;grid-column:span 2}.comment-submit-btn{color:#fff;cursor:pointer;background:#0a84ff;border:1px solid #0a84ff;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:162px;padding:14px 22px;font-family:Barlow,sans-serif;font-size:14px;font-weight:700;line-height:14px;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex}.comment-submit-btn:hover{color:#0a84ff;background:#ffffff1a}.newsletter-banner{max-width:56rem;margin:4rem auto 0;padding:0 1rem}.newsletter-content{text-align:center;background-color:#141414;border:1px solid #333;border-radius:24px;padding:3rem 2rem;font-family:Barlow,sans-serif;position:relative;overflow:hidden}.newsletter-icon{opacity:.1;color:#0a84ff;width:100px;height:100px;position:absolute;top:-1rem;right:-1rem;transform:rotate(45deg)}.newsletter-subtitle{color:#fffc;letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:700}.newsletter-title{color:#fff;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.2}.newsletter-form{z-index:2;gap:1rem;max-width:480px;margin:0 auto;display:flex;position:relative}.newsletter-input{color:#fff;background-color:#222;border:1px solid #444;border-radius:8px;outline:none;flex-grow:1;padding:14px 20px;font-family:inherit;font-size:15px;transition:border-color .3s}.newsletter-input:focus{border-color:#0a84ff}.newsletter-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#f97316;border:none;border-radius:8px;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700;transition:background-color .3s}.newsletter-submit-btn:hover{background-color:#ea580c}.markdown-content{color:#fffc;font-family:Barlow,sans-serif;font-size:16px;line-height:1.8}.markdown-content h2{color:#fff;margin-top:48px;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.markdown-content h2:first-child{margin-top:0}.markdown-content h3{color:#fff;margin-top:36px;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4}.markdown-content p{margin-top:0;margin-bottom:24px}.markdown-content ul,.markdown-content ol{margin-top:0;margin-bottom:24px;padding-left:24px}.markdown-content li{margin-bottom:10px}.markdown-content strong{color:#fff;font-weight:600}@media (max-width:767.98px){.markdown-content{font-size:15px}.markdown-content h2{margin-top:36px;font-size:24px}.markdown-content h3{margin-top:28px;font-size:18px}}@media (max-width:767px){.article-main .article-container{padding-top:1.5rem}.article-main .article-title{font-size:24px;line-height:120%}.article-main .article-meta{font-size:14px}.markdown-content h2{font-size:22px;line-height:130%}.markdown-content h3{font-size:18px;line-height:140%}.markdown-content p,.markdown-content ul,.markdown-content li{font-size:14px;line-height:150%}.article-main .cta-heading{font-size:24px;line-height:120%}.article-main .cta-text{font-size:14px}.article-main .cta-button{max-width:100%}.comment-submit-btn text{font-size:14px}.comment-submit-btn{max-width:100%}.comment-form{grid-template-columns:1fr}.comment-textarea{grid-column:span 1}.newsletter-content{padding:2rem 1.5rem}.newsletter-title{font-size:24px}.newsletter-form{flex-direction:column}.newsletter-submit-btn{width:100%}}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}textarea:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a!important}