pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--primary: #4361ee;--primary-dark: #3a56d4;--secondary: #7209b7;--accent: #4cc9f0;--success: #06d6a0;--warning: #ffd166;--danger: #ef476f;--light: #f8f9fa;--dark: #212529;--gray: #6c757d;--light-gray: #e9ecef;--card-shadow: 0 10px 30px rgba(0, 0, 0, .1);--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4edf5);color:var(--dark);min-height:100vh;line-height:1.6}.container{max-width:1200px;padding:2rem 1rem;margin:0 auto}header{text-align:center;margin-bottom:2.5rem;animation:fadeInDown .8s ease;position:relative}header h1{font-size:2.8rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.05)}header p{color:var(--gray);font-size:1.1rem;max-width:600px;margin:0 auto}.card{background:#fff;border-radius:16px;box-shadow:var(--card-shadow);border:none;overflow:hidden;transition:var(--transition);margin-bottom:2rem}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.card-header{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;padding:1.25rem 1.5rem;border:none;border-radius:16px 16px 0 0!important;font-weight:600;font-size:1.2rem}.card-body{padding:1.75rem}.btn{border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:var(--transition);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.btn:focus{outline:none;box-shadow:0 0 0 3px #4361ee4d}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff}.btn-primary:hover{background:linear-gradient(90deg,var(--primary-dark),var(--primary));transform:translateY(-2px)}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem;border-radius:16px}.list-group{border-radius:12px;overflow:hidden}.list-group-item{padding:1.25rem 1.5rem;border:none;border-bottom:1px solid var(--light-gray);transition:var(--transition);cursor:pointer}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background-color:#4361ee0d;transform:translate(5px)}.modal{background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #00000040;border:none;animation:scaleIn .3s ease}.modal-header{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;padding:1.25rem 1.5rem;border:none}.modal-title{font-weight:600;font-size:1.3rem}.modal-body{padding:2rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1.25rem;border-top:1px solid var(--light-gray)}.alert{border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px #0000000d;border:none}.alert-danger{background:#ef476f26;color:var(--danger)}.spinner-border{width:1.5rem;height:1.5rem;border-width:.15em}footer{margin-top:3rem;text-align:center;color:var(--gray);font-size:.9rem;animation:fadeIn 1s ease}.account-card{position:relative;overflow:visible}.account-card:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:95%;height:20px;background:#4361ee1a;border-radius:50%;filter:blur(10px);z-index:-1}.inbox-header{display:flex;align-items:center;justify-content:space-between}.inbox-count{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600}.message-item{display:flex;align-items:center;gap:1rem;padding:1.25rem}.message-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.message-content{flex:1;min-width:0}.message-subject{font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-preview{color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.message-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gray);margin-top:.25rem}.blog-post-container{display:flex;max-width:1200px;margin:0 auto;position:relative;padding:0 1rem}.toc-sidebar{position:fixed;top:100px;left:0;width:280px;height:calc(100vh - 100px);background:#fff;box-shadow:var(--card-shadow);padding:1.5rem 1rem;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.toc-sidebar.open{transform:translate(0)}.toc-toggle{position:fixed;top:120px;left:0;background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:0 8px 8px 0;padding:.75rem .5rem;font-weight:600;cursor:pointer;z-index:1001;box-shadow:2px 2px 10px #0000001a;transition:all .3s ease}.toc-toggle:hover{padding-left:.75rem}.toc-sidebar nav ul{list-style:none;padding:0;margin:0}.toc-sidebar nav li{margin-bottom:.5rem;padding-left:1rem;transition:all .2s ease;border-left:2px solid transparent}.toc-sidebar nav li:hover{border-left-color:var(--primary)}.toc-sidebar nav li.active{border-left-color:var(--primary-dark)}.toc-sidebar nav li.level-1{padding-left:.5rem}.toc-sidebar nav li.level-2{padding-left:1.5rem}.toc-sidebar nav li.level-3{padding-left:2.5rem}.toc-sidebar nav li.level-4{padding-left:3.5rem}.toc-sidebar nav a{color:var(--dark);text-decoration:none;font-size:.9rem;transition:color .2s ease;display:block;padding:.25rem 0}.toc-sidebar nav a:hover{color:var(--primary)}.toc-sidebar nav li.active a{color:var(--primary-dark);font-weight:600}.blog-post{flex:1;max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:var(--card-shadow)}.blog-post h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--dark);border-bottom:3px solid var(--primary);padding-bottom:.5rem}.blog-post h2{font-size:2rem;margin:2rem 0 1rem;color:var(--primary-dark)}.blog-post h3{font-size:1.5rem;margin:1.5rem 0 .75rem;color:var(--primary)}.blog-post p{margin-bottom:1rem;line-height:1.7;color:var(--dark)}.blog-post pre{background:#f8f9fa;border-radius:8px;padding:1rem;overflow-x:auto;margin:1.5rem 0;border-left:4px solid var(--primary)}.blog-post code{background:#f8f9fa;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.blog-post blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5rem 0;color:var(--gray);font-style:italic}.blog-post img{max-width:100%;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 8px #0000001a}.blog-post table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-post th,.blog-post td{padding:.75rem;border:1px solid var(--light-gray)}.blog-post th{background:var(--light);font-weight:600}.blog-post tr:nth-child(2n){background:#f9f9f9}.blog-list{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--card-shadow);margin:2rem 0}.blog-list h2{font-size:2rem;margin-bottom:1.5rem;color:var(--dark);text-align:center;position:relative;padding-bottom:.5rem}.blog-list h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px}.blog-list ul{list-style:none;padding:0}.blog-list li{margin-bottom:1rem;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid transparent}.blog-list li:hover{background:#4361ee0d;border-left-color:var(--primary);transform:translate(5px)}.blog-link{font-size:1.1rem;color:var(--dark);text-decoration:none;transition:color .2s ease;display:block;font-weight:500}.blog-link:hover{color:var(--primary)}.blog-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{color:var(--gray);font-size:1.1rem;max-width:600px;margin:0 auto}.blog-card{transition:all .3s ease;border-radius:16px;overflow:hidden}.blog-card:hover,.card-hovered{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a!important}.blog-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.read-time{font-size:.9rem}.blog-card .card-title{font-weight:700;margin-bottom:1rem;transition:color .2s ease}.blog-card:hover .card-title{color:var(--primary)}.read-more{font-size:.95rem;transition:all .3s ease}.blog-card:hover .read-more{transform:translate(5px)}body.dark-mode .blog-section{background:linear-gradient(135deg,#2d2d2d,#252525)}body.dark-mode .blog-card{background-color:#2d2d2d;border:1px solid #444}body.dark-mode .blog-card .card-title{color:#e0e0e0}body.dark-mode .blog-card:hover .card-title{color:var(--accent)}body.dark-mode .section-subtitle,body.dark-mode .read-time,body.dark-mode .card-text{color:#ccc!important}@media (max-width: 768px){.blog-section{padding:3rem 0}.section-title{font-size:2rem}.blog-card{margin-bottom:1.5rem}}@media (max-width: 576px){.section-title{font-size:1.75rem}.blog-icon{width:40px;height:40px;font-size:1.25rem}}.blog-post-container{max-width:1000px;margin:0 auto;padding:0 1rem}.blog-post{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2.5rem}.blog-content{line-height:1.7;font-size:1.1rem;color:#333}.blog-content h2{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.blog-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem}.blog-content p{margin-bottom:1.5rem}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blog-content blockquote{border-left:4px solid var(--primary);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#555}.blog-content pre{background:#2d2d2d;border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.blog-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.blog-content pre code{background:transparent;color:#f8f8f2;padding:0}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content th,.blog-content td{padding:.75rem;border:1px solid #ddd}.blog-content th{background-color:#f8f9fa;font-weight:600}.blog-content a{color:var(--primary);text-decoration:none}.blog-content a:hover{text-decoration:underline}body.dark-mode .blog-post{background-color:#2d2d2d}body.dark-mode .blog-content{color:#e0e0e0}body.dark-mode .blog-content h2{border-bottom-color:#444}body.dark-mode .blog-content code{background:#3d3d3d;color:#f1f1f1}body.dark-mode .blog-content th{background-color:#3d3d3d}body.dark-mode .blog-content td{border-color:#555}@media (max-width: 768px){.blog-post{padding:1.5rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.3rem}}.faq{padding:3rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;margin:2rem 0}.faq h3{font-size:2.2rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:.5rem}.faq h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px}.faq-item{background:#fff;padding:1.75rem;border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:1.5rem;transition:all .3s ease;border-left:4px solid transparent}.faq-item:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0000001a;border-left-color:var(--primary)}.faq-item h4{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--dark);display:flex;align-items:center}.faq-item h4:before{content:"❓";margin-right:.75rem;font-size:1.5rem}.faq-item p{color:var(--gray);font-size:1rem;line-height:1.6;margin-bottom:0}.faq-section{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.faq-header{margin-bottom:3rem}.faq-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.faq-subtitle{color:var(--gray);font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.faq-search{max-width:500px;margin:0 auto}.search-container{position:relative;display:flex;align-items:center}.search-container i{position:absolute;left:1rem;color:var(--gray);z-index:2}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 10px 20px #4361ee1a}.clear-search{position:absolute;right:1rem;background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:16px;margin-bottom:1rem;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 24px #0000001a}.faq-item.active{box-shadow:0 10px 30px #4361ee26}.faq-question{width:100%;padding:1.5rem;background:none;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .3s ease}.faq-question:hover{background:#4361ee08}.question-content{display:flex;align-items:center;gap:1rem}.faq-icon{font-size:1.5rem;flex-shrink:0}.question-text{font-weight:600;font-size:1.1rem;color:var(--dark)}.faq-toggle{color:var(--primary);font-size:1.2rem;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.active .faq-answer{max-height:300px}.answer-content{padding:0 1.5rem 1.5rem 4rem;color:var(--gray);line-height:1.6}.no-results{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d}.no-results i{font-size:3rem;color:var(--gray);margin-bottom:1rem}.no-results p{margin-bottom:1.5rem;color:var(--gray)}.faq-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e9ecef}.faq-footer p{margin-bottom:1rem;color:var(--gray)}body.dark-mode .faq-section{background:linear-gradient(135deg,#2d2d2d,#252525)}body.dark-mode .faq-item{background-color:#2d2d2d;border:1px solid #444}body.dark-mode .faq-question:hover{background:#4361ee1a}body.dark-mode .question-text{color:#e0e0e0}body.dark-mode .search-input{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}body.dark-mode .search-input:focus{border-color:var(--primary)}body.dark-mode .no-results{background-color:#2d2d2d;border:1px solid #444}body.dark-mode .faq-footer{border-top-color:#444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-item{animation:fadeIn .4s ease forwards}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.faq-item:nth-child(7){animation-delay:.7s}@media (max-width: 768px){.faq-section{padding:3rem 0}.faq-title{font-size:2rem}.faq-question{padding:1.25rem}.question-text{font-size:1rem}.answer-content{padding:0 1.25rem 1.25rem}.question-content{gap:.75rem}.faq-icon{font-size:1.25rem}}@media (max-width: 576px){.faq-title{font-size:1.75rem}.faq-subtitle{font-size:1rem}.faq-question{padding:1rem}}.main-page{padding:2rem 0}.hero{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4361ee0d,#7209b70d);border-radius:16px;margin-bottom:3rem}.hero h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h2{font-size:1.5rem;color:var(--gray);margin-bottom:1.5rem;font-weight:400}.hero p{font-size:1.1rem;color:var(--gray);max-width:700px;margin:0 auto;line-height:1.6}.seo-content{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:3rem}.seo-content h3{font-size:1.8rem;color:var(--dark);margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.seo-content h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px}.seo-content p{font-size:1.1rem;line-height:1.7;color:var(--gray);margin-bottom:1.5rem}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode .container{background-color:#1e1e1e}body.dark-mode .card,body.dark-mode .toc-sidebar,body.dark-mode .blog-post,body.dark-mode .blog-list,body.dark-mode .faq-item,body.dark-mode .seo-content,body.dark-mode .list-group-item{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}body.dark-mode .alert{background-color:#333;border-color:#555;color:#e0e0e0}body.dark-mode .btn-outline-primary{border-color:#3a6ea5;color:#3a6ea5}body.dark-mode .btn-outline-primary:hover{background-color:#3a6ea5;color:#fff}body.dark-mode .toc-sidebar nav a,body.dark-mode .blog-list .blog-link,body.dark-mode .seo-content h3,body.dark-mode .faq-item h4{color:#e0e0e0}body.dark-mode .blog-post h1,body.dark-mode .blog-post h2,body.dark-mode .blog-post h3{color:#e0e0e0}body.dark-mode .blog-post pre,body.dark-mode .blog-post code{background-color:#3d3d3d;color:#f1f1f1}body.dark-mode .blog-post th{background-color:#3d3d3d}body.dark-mode .blog-post tr:nth-child(2n){background-color:#353535}body.dark-mode .faq{background:linear-gradient(135deg,#2d2d2d,#252525)}body.dark-mode .hero{background:linear-gradient(135deg,#4361ee1a,#7209b71a)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 992px){.toc-sidebar{width:240px}.blog-post{padding:1.5rem}}@media (max-width: 768px){.container{padding:1.5rem 1rem}header h1{font-size:2.2rem}.card-body{padding:1.25rem}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}.modal-body{padding:1.5rem}.message-item{padding:1rem}.blog-post-container{flex-direction:column}.toc-sidebar{position:static;width:100%;height:auto;max-height:300px;margin-bottom:2rem;transform:translate(0)}.toc-toggle{display:none}.blog-post h1{font-size:2rem}.blog-post h2{font-size:1.75rem}.blog-post h3{font-size:1.5rem}.hero h1{font-size:2.5rem}.hero h2{font-size:1.25rem}.faq h3{font-size:1.8rem}.seo-content{padding:1.5rem}.seo-content h3{font-size:1.5rem}}@media (max-width: 576px){header h1{font-size:1.8rem}.card-header{padding:1rem}.modal-body{padding:1.25rem}.message-icon{width:40px;height:40px;font-size:1rem}.blog-post{padding:1rem}.blog-post h1{font-size:1.75rem}.hero{padding:2rem 1rem}.hero h1{font-size:2rem}.faq-item{padding:1.25rem}.faq-item h4{font-size:1.1rem}.blog-list h2,.faq h3{font-size:1.4rem}.faq-item h4{font-size:1rem}.faq-item p{font-size:.9rem}}.privacy-container{max-width:800px;margin:60px auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;color:#333}.privacy-container h1{font-size:2rem;margin-bottom:20px;color:#222;text-align:center;font-weight:600}.privacy-container p{margin-bottom:16px;font-size:1rem}.privacy-container p:last-child{margin-bottom:0}.privacy-container a{color:#007bff;text-decoration:none;font-weight:500}.privacy-container a:hover{text-decoration:underline}.theme-toggle-btn{border:none;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all .4s ease}.theme-toggle-btn:hover{transform:rotate(15deg) scale(1.1)}.theme-toggle-btn.sun{background:#fff7d1;color:#f1b200;box-shadow:0 0 12px #ffc400b3}.theme-toggle-btn.moon{background:#e6f0ff;color:#0056d6;box-shadow:0 0 12px #0056d699}.theme-toggle-btn i{transition:transform .4s ease}.theme-toggle-btn:hover i{transform:rotate(25deg)}.premium-footer{background:linear-gradient(90deg,var(--dark),#1e293b);color:var(--gray);padding:4rem 2rem 2rem;margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo-text{color:#fff;font-size:1.8rem;font-weight:700}.footer-logo-text span{background:linear-gradient(90deg,var(--accent),#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-description{line-height:1.7;max-width:300px}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border-radius:10px;color:var(--accent);transition:var(--transition)}.social-links a:hover{background:var(--accent);color:#fff;transform:translateY(-3px)}.footer-column h3{color:#fff;font-size:1.2rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--accent);border-radius:3px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-links li a{color:var(--gray);text-decoration:none;transition:var(--transition);display:flex;align-items:center;gap:8px}.footer-links li a:hover{color:var(--accent);transform:translate(5px)}.footer-links li a i{font-size:.8rem;color:var(--accent)}.footer-newsletter p{margin-bottom:1.5rem;line-height:1.7}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.8rem 1rem;border:none;border-radius:10px;background:#ffffff14;color:#fff}.newsletter-input:focus{outline:none;background:#ffffff1f}.subscribe-btn{background:var(--accent);color:#fff;border:none;padding:0 1.5rem;border-radius:10px;cursor:pointer;transition:var(--transition)}.subscribe-btn:hover{background:#3dbde2}.footer-bottom{max-width:1400px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{font-size:.9rem}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{color:var(--gray);text-decoration:none;font-size:.9rem;transition:var(--transition)}.footer-legal a:hover{color:var(--accent)}@media (max-width: 992px){.nav-links{gap:1.5rem}}@media (max-width: 768px){.premium-navbar{padding:.8rem 1.5rem}.nav-menu{gap:1.5rem}.nav-links{display:none}.footer-container{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}}@media (max-width: 576px){.upgrade-btn span,.username{display:none}}@media (max-width: 768px){.container-fluid{padding-left:15px;padding-right:15px}.navbar-nav .btn{margin-bottom:5px;width:100%}.display-5{font-size:2rem}.lead{font-size:1rem}}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode .card{background-color:#1e1e1e;color:#fff;border-color:#333}body.dark-mode .bg-light{background-color:#2d2d2d!important;color:#fff}body.dark-mode .navbar-light{background-color:#2d2d2d!important;border-color:#444}body.dark-mode .text-muted{color:#aaa!important}body.dark-mode .border-top{border-color:#444!important}.theme-toggle-btn{background:none;border:none;font-size:1.5rem;color:inherit;padding:.5rem;border-radius:50%;transition:all .3s ease;z-index:100}.theme-toggle-btn:hover{background-color:#0000001a}body.dark-mode .theme-toggle-btn:hover{background-color:#ffffff1a}.card{transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}body.dark-mode .card:hover{box-shadow:0 4px 8px #ffffff0d}.btn{transition:all .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,.btn:focus{outline:2px solid #0d6efd;outline-offset:2px}.table-responsive{overflow-x:auto}body.dark-mode ::-webkit-scrollbar{width:8px}body.dark-mode ::-webkit-scrollbar-track{background:#1e1e1e}body.dark-mode ::-webkit-scrollbar-thumb{background:#444;border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}.landing-page{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.landing-page .navbar{background:linear-gradient(90deg,#4b6cb7,#182848);box-shadow:0 2px 15px #0000001a}.landing-page .hero-section{background:#000000b3 url(https://images.unsplash.com/photo-1515942405154-483d35a4fe5f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80) no-repeat center center;background-size:cover;background-blend-mode:darken;padding:120px 0;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.landing-page .brand-highlight{color:#36d1dc;font-weight:700}.landing-page .feature-card{transition:transform .3s ease,box-shadow .3s ease;border:none;border-radius:12px;box-shadow:0 5px 20px #00000014;height:100%;overflow:hidden}.landing-page .feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #00000026}.landing-page .cta-button{background:linear-gradient(90deg,#4b6cb7,#182848);border:none;padding:14px 35px;font-size:18px;border-radius:50px;transition:all .3s ease;color:#fff;font-weight:600;letter-spacing:.5px;text-decoration:none;display:inline-block}.landing-page .cta-button:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003;color:#fff;background:linear-gradient(90deg,#182848,#4b6cb7)}.landing-page .promo-image{border-radius:12px;box-shadow:0 10px 30px #00000026;transition:transform .3s ease;max-width:100%;height:auto}.landing-page .promo-image:hover{transform:scale(1.02)}.landing-page .social-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;transition:all .3s ease}.landing-page .social-icon:hover{background:#36d1dc;transform:translateY(-3px)}.landing-page .section-title{position:relative;padding-bottom:15px;margin-bottom:30px;font-weight:700}.landing-page .section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#4b6cb7,#36d1dc);border-radius:2px}.landing-page .text-center .section-title:after{left:50%;transform:translate(-50%)}.landing-page .feature-icon{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#4b6cb7,#36d1dc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}will i add this css to index.css my file .blog-post-container,.blog-post,.blog-content{max-width:100%!important;margin:0 auto}.faq-item{margin-bottom:1rem;border-radius:12px;overflow:hidden}.faq-question{padding:1.25rem;width:100%;text-align:left;background:var(--light);border:none;border-radius:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.faq-answer{padding:1.25rem;background:#fff;border-radius:0 0 12px 12px}body.dark-mode .faq-question{background:#2d2d2d;color:#e0e0e0}body.dark-mode .faq-answer{background:#1e1e1e;color:#e0e0e0}footer.bg-dark{background:linear-gradient(90deg,var(--dark),#1e293b)!important}footer.bg-light{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important}@media (max-width: 768px){.footer-container{grid-template-columns:1fr!important;text-align:center}.footer-column h3:after{left:50%!important;transform:translate(-50%)!important}.newsletter-form{flex-direction:column}}.global-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.global-loading-overlay .spinner-border{width:3rem;height:3rem}.navbar-brand{font-weight:500}.navbar-light{background-color:#f8f9fa!important;border:1px solid #e9ecef}.rounded{border-radius:.75rem!important}.background-polling-indicator{position:fixed;bottom:20px;right:20px;z-index:1050;background-color:#fffc;border-radius:50%;padding:8px;box-shadow:0 0 10px #0000001a}[data-theme=dark] .background-polling-indicator{background-color:#212529cc}.card.border-danger{border-width:2px}.text-expired{color:#dc3545!important;font-weight:700}.renew-button{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}