:root{--ff-black:#111;--ff-dark:#1a1a1a;--ff-gray-900:#262626;--ff-gray-700:#404040;--ff-gray-500:#767676;--ff-gray-400:#a3a3a3;--ff-gray-300:#d4d4d4;--ff-gray-200:#e5e5e5;--ff-gray-100:#f5f5f5;--ff-gray-50:#fafafa;--ff-white:#fff;--ff-accent:#111;--ff-radius:8px;--ff-radius-lg:12px;--ff-shadow-sm:0 1px 2px rgba(0,0,0,.04);--ff-shadow:0 4px 12px rgba(0,0,0,.06);--ff-shadow-lg:0 8px 30px rgba(0,0,0,.08);--ff-shadow-hover:0 12px 40px rgba(0,0,0,.12);--ff-transition:.2s cubic-bezier(.4,0,.2,1)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--ff-gray-900);background:var(--ff-white);line-height:1.6;font-size:15px}a{color:var(--ff-gray-700);transition:color var(--ff-transition),opacity var(--ff-transition)}a:hover{color:var(--ff-dark)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}h1,h2,h3,h4,h5,h6{color:var(--ff-dark);line-height:1.25;letter-spacing:-.02em}.ff-nav{background:var(--ff-white);border-bottom:1px solid var(--ff-gray-200);padding:.5rem 0;min-height:62px;flex-wrap:nowrap}.ff-nav .navbar-brand{font-size:1.1rem;font-weight:700;letter-spacing:-.03em;color:var(--ff-black) !important;gap:8px}.ff-nav .navbar-brand i{font-size:1.3rem}.ff-nav .nav-link{font-size:.875rem;font-weight:500;color:var(--ff-gray-500) !important;padding:.5rem .7rem !important;border-radius:6px;transition:all var(--ff-transition)}.ff-nav .nav-link:hover,.ff-nav .nav-link.active{color:var(--ff-black) !important;background:var(--ff-gray-100)}.ff-nav .dropdown{position:relative}.ff-nav .dropdown-menu{position:absolute;top:100%;right:0;border:1px solid var(--ff-gray-200);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:.35rem;min-width:180px;z-index:1050}.ff-nav .dropdown-item{font-size:.85rem;font-weight:500;padding:.45rem .75rem;border-radius:6px;color:var(--ff-gray-500)}.ff-nav .dropdown-item:hover{background:var(--ff-gray-100);color:var(--ff-black)}.ff-search-bar{background:var(--ff-gray-100);border:1px solid var(--ff-gray-200);border-radius:24px;overflow:hidden;transition:all var(--ff-transition);max-width:220px}.ff-search-bar:focus-within{background:var(--ff-white);border-color:var(--ff-gray-300);box-shadow:0 0 0 3px rgba(0,0,0,.04);max-width:280px}.ff-search-bar input{border:none !important;background:transparent !important;box-shadow:none !important;font-size:.85rem;padding:.4rem .8rem}.ff-search-bar button{border:none !important;background:transparent !important;color:var(--ff-gray-400);padding:.4rem .7rem}.ff-mobile-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--ff-gray-200);background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--ff-dark);text-decoration:none;transition:all var(--ff-transition)}.ff-mobile-icon-btn:hover{background:var(--ff-gray-100);color:var(--ff-dark)}.ff-mobile-menu{max-width:320px}.ff-mobile-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ff-gray-400);margin-bottom:10px}.ff-mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:11px 0;color:var(--ff-gray-700);text-decoration:none;font-size:.95rem;font-weight:500;border-bottom:1px solid var(--ff-gray-100);transition:color var(--ff-transition)}.ff-mobile-nav-link:hover{color:var(--ff-dark)}.ff-mobile-nav-link i.bi-chevron-right{font-size:.7rem;color:var(--ff-gray-300)}.ff-mobile-social{width:40px;height:40px;border-radius:10px;background:var(--ff-gray-100);display:inline-flex;align-items:center;justify-content:center;color:var(--ff-gray-500);text-decoration:none;transition:all var(--ff-transition)}.ff-mobile-social:hover{background:var(--ff-dark);color:var(--ff-white)}.ff-hero{background:linear-gradient(135deg,#111 0,#1e293b 100%);color:var(--ff-white);padding:70px 0 60px;position:relative;overflow:hidden}.ff-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(150,150,160,.12) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(140,140,150,.08) 0,transparent 40%);z-index:0}.ff-hero h1{color:var(--ff-white);font-size:2.8rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.ff-hero p{color:rgba(255,255,255,.65);font-size:1.05rem;max-width:480px;margin-bottom:0}.ff-hero-badge{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-size:.75rem;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:20px;letter-spacing:.02em}.ff-hero-stats{display:flex;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.ff-hero-stat{display:flex;flex-direction:column}.ff-hero-stat strong{font-size:1.4rem;font-weight:800;color:#fff;line-height:1}.ff-hero-stat span{font-size:.75rem;color:rgba(255,255,255,.45);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.ff-hero-search{max-width:480px;margin-top:24px;margin-bottom:0}.ff-hero-search .input-group{display:flex;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden;transition:all var(--ff-transition)}.ff-hero-search .input-group:focus-within{background:rgba(255,255,255,.95);border-color:transparent}.ff-hero-search input{flex:1;min-width:0;background:transparent !important;border:none !important;color:#fff;font-size:.95rem;padding:14px 16px;box-shadow:none !important}.ff-hero-search .input-group:focus-within input{color:var(--ff-dark)}.ff-hero-search input::placeholder{color:rgba(255,255,255,.45)}.ff-hero-search .input-group:focus-within input::placeholder{color:var(--ff-gray-400)}.ff-hero-search button{flex-shrink:0;background:transparent !important;border:none !important;color:rgba(255,255,255,.5);padding:14px 18px;cursor:pointer}.ff-hero-search .input-group:focus-within button{color:var(--ff-gray-500)}.ff-hero-search.ff-search-page .input-group{background:var(--ff-gray-100);border:1px solid var(--ff-gray-200);backdrop-filter:none}.ff-hero-search.ff-search-page .input-group:focus-within{background:#fff;border-color:var(--ff-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.ff-hero-search.ff-search-page input{color:var(--ff-dark)}.ff-hero-search.ff-search-page .input-group:focus-within input{color:var(--ff-dark)}.ff-hero-search.ff-search-page input::placeholder{color:var(--ff-gray-400)}.ff-hero-search.ff-search-page button{color:var(--ff-gray-500)}.ff-hero-search.ff-search-page .input-group:focus-within button{color:var(--ff-primary)}.ff-hero-card{display:block;position:relative;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 20px 60px rgba(0,0,0,.3);transition:transform .3s,box-shadow .3s}.ff-hero-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(0,0,0,.4)}.ff-hero-card img{width:100%;height:380px;object-fit:cover;display:block}.ff-hero-card-placeholder{width:100%;height:380px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;font-size:3rem;color:rgba(255,255,255,.2)}.ff-hero-card-body{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 60%,transparent 100%)}.ff-hero-card-cat{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.ff-hero-card h3{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 10px}.ff-hero-card-meta{display:flex;gap:16px;font-size:.78rem;color:rgba(255,255,255,.6)}.ff-trending-bar{background:var(--ff-gray-50);border-bottom:1px solid var(--ff-gray-100);padding:10px 0;overflow:hidden}.ff-trending-label{display:inline-flex;align-items:center;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;margin-right:16px}.ff-trending-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.ff-trending-scroll::-webkit-scrollbar{display:none}.ff-trending-item{display:inline-block;white-space:nowrap;font-size:.82rem;font-weight:500;color:var(--ff-gray-700);text-decoration:none;padding:4px 14px;border-radius:6px;border:1px solid var(--ff-gray-200);background:var(--ff-white);transition:all var(--ff-transition);flex-shrink:0}.ff-trending-item:hover{color:var(--ff-dark);border-color:var(--ff-gray-400);box-shadow:var(--ff-shadow-sm)}.ff-categories{padding:16px 0;border-bottom:1px solid var(--ff-gray-100)}.ff-pill{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:500;color:var(--ff-gray-500);background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);text-decoration:none;transition:all var(--ff-transition);white-space:nowrap}.ff-pill:hover{color:var(--ff-black);background:var(--ff-gray-100);border-color:var(--ff-gray-300)}.ff-section-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--ff-dark);display:flex;align-items:center}.ff-section-title i{color:var(--ff-gray-400);font-size:.9em}.ff-card-horizontal{display:flex;background:var(--ff-white);border:1px solid var(--ff-gray-100);border-radius:var(--ff-radius-lg);overflow:hidden;transition:all .3s}.ff-card-horizontal:hover{box-shadow:var(--ff-shadow-lg);border-color:var(--ff-gray-200)}.ff-card-horizontal-img{flex-shrink:0;width:45%;position:relative;overflow:hidden;background:var(--ff-gray-100)}.ff-card-horizontal-img a{display:block;height:100%}.ff-card-horizontal-img img{width:100%;height:100%;min-height:240px;object-fit:cover;transition:transform .5s}.ff-card-horizontal:hover .ff-card-horizontal-img img{transform:scale(1.04)}.ff-card-horizontal-placeholder{width:100%;height:100%;min-height:240px;background:linear-gradient(135deg,var(--ff-gray-100),var(--ff-gray-50));display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--ff-gray-300)}.ff-card-horizontal-body{padding:28px;display:flex;flex-direction:column;justify-content:center;flex:1}.ff-card-cat{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ff-gray-400);text-decoration:none;margin-bottom:8px;display:inline-block;transition:color var(--ff-transition)}.ff-card-cat:hover{color:var(--ff-dark)}.ff-card-horizontal-body h3{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:10px}.ff-card-horizontal-body h3 a{color:var(--ff-dark);text-decoration:none}.ff-card-horizontal-body h3 a:hover{color:var(--ff-gray-700)}.ff-card-excerpt{color:var(--ff-gray-500);font-size:.88rem;line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ff-card-meta{display:flex;align-items:center;gap:14px;font-size:.78rem;color:var(--ff-gray-400)}.ff-card-meta span{display:flex;align-items:center;gap:4px}.article-card{border:1px solid var(--ff-gray-100) !important;border-radius:var(--ff-radius-lg) !important;overflow:hidden;background:var(--ff-white);box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-card:hover{transform:translateY(-4px);box-shadow:var(--ff-shadow-hover);border-color:var(--ff-gray-200) !important}.article-card .card-img-wrap{position:relative;overflow:hidden;background:var(--ff-gray-100)}.article-card .card-img-wrap img{width:100%;height:220px;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.article-card:hover .card-img-wrap img{transform:scale(1.04)}.article-card .card-img-wrap .card-category{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:background var(--ff-transition)}.article-card .card-img-wrap .card-category:hover{background:rgba(0,0,0,.85)}.article-card .card-body{padding:20px 16px 14px}.article-card .card-title{font-size:1rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;margin-bottom:8px}.article-card .card-title a{color:var(--ff-dark);text-decoration:none}.article-card .card-title a:hover{color:var(--ff-gray-700)}.article-card .card-excerpt{color:var(--ff-gray-500);font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .card-meta{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ff-gray-100);font-size:.78rem;color:var(--ff-gray-400)}.article-card .card-meta span{display:flex;align-items:center;gap:4px}.article-card .card-no-img{height:220px;background:linear-gradient(135deg,var(--ff-gray-100) 0,var(--ff-gray-50) 100%);display:flex;align-items:center;justify-content:center}.article-card .card-no-img i{font-size:2.5rem;color:var(--ff-gray-300)}@media(min-width:992px){.ff-sidebar{position:sticky;top:78px;align-self:flex-start}}.ff-sidebar .sidebar-block{margin-bottom:32px;padding:16px;border-radius:var(--ff-radius-lg);background:var(--ff-gray-50)}.ff-sidebar .sidebar-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ff-gray-400);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--ff-gray-100)}.ff-sidebar .popular-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--ff-gray-50);text-decoration:none}.ff-sidebar .popular-item:last-child{border-bottom:0}.ff-sidebar .popular-num{width:26px;height:26px;border-radius:8px;background:var(--ff-gray-100);color:var(--ff-gray-500);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ff-sidebar .popular-item:hover .popular-num{background:var(--ff-dark);color:var(--ff-white)}.ff-sidebar .popular-title{font-size:.85rem;font-weight:600;color:var(--ff-dark);line-height:1.35;transition:color var(--ff-transition)}.ff-sidebar .popular-item:hover .popular-title{color:var(--ff-gray-500)}.ff-sidebar .popular-views{font-size:.72rem;color:var(--ff-gray-400);margin-top:2px}.ff-sidebar .cat-link{display:inline-block;padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--ff-gray-500);background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);text-decoration:none;transition:all var(--ff-transition);margin:0 4px 6px 0}.ff-sidebar .cat-link:hover{color:var(--ff-dark);border-color:var(--ff-gray-400)}.ff-sidebar .cat-count{color:var(--ff-gray-300);font-weight:400;margin-left:3px}.ff-sidebar .tag-link{display:inline-block;padding:3px 10px;font-size:.75rem;color:var(--ff-gray-400);text-decoration:none;transition:color var(--ff-transition)}.sidebar-tools-cta{background:linear-gradient(135deg,#111 0,#262626 100%);border-radius:var(--ff-radius-lg);padding:1.25rem;text-align:center;color:#fff}.sidebar-tools-cta h5{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:.35rem}.sidebar-tools-cta p{font-size:.75rem;color:rgba(255,255,255,.65);margin-bottom:.75rem}.sidebar-tools-cta .btn-sm{background:#4b5563;color:#fff;border:0;font-weight:600;font-size:.8rem;padding:.4rem 1.25rem;border-radius:var(--ff-radius);text-decoration:none;transition:all var(--ff-transition);display:inline-block}.sidebar-tools-cta .btn-sm:hover{background:#374151;color:#fff}.ff-sidebar .tag-link:hover{color:var(--ff-dark)}.ff-newsletter-box{background:var(--ff-gray-900);color:var(--ff-white);border-radius:var(--ff-radius-lg);padding:28px 24px;text-align:center}.ff-newsletter-box .ff-newsletter-icon{font-size:1.5rem;margin-bottom:8px;opacity:.7}.ff-newsletter-box h6{color:var(--ff-white);font-weight:700;font-size:1rem;margin-bottom:6px}.ff-newsletter-box p{color:var(--ff-gray-400);font-size:.82rem;margin-bottom:16px}.ff-newsletter-box .form-control{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:12px}.ff-newsletter-box .form-control::placeholder{color:var(--ff-gray-500)}.ff-newsletter-box .form-control:focus{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);box-shadow:none;color:#fff}.ff-newsletter-cats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}.ff-newsletter-check{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:rgba(255,255,255,.55);cursor:pointer;padding:3px 8px;border-radius:6px;transition:all .15s;user-select:none}.ff-newsletter-check:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.06)}.ff-newsletter-check input[type="checkbox"]{width:15px;height:15px;border-radius:3px;border:1.5px solid rgba(255,255,255,.3);background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;flex-shrink:0;transition:all .15s}.ff-newsletter-check input[type="checkbox"]:checked{background:#818cf8;border-color:#818cf8}.ff-newsletter-check input[type="checkbox"]:checked::after{content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ff-newsletter-btn{display:block;width:100%;background:var(--ff-white);color:var(--ff-dark);border:0;border-radius:8px;padding:11px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s}.ff-newsletter-btn:hover{opacity:.85;transform:translateY(-1px)}.ff-article-newsletter .ff-newsletter-box{padding:36px 32px}.ff-article-header{margin-bottom:32px}.ff-article-header .article-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ff-gray-400);text-decoration:none;transition:color var(--ff-transition)}.ff-article-header .article-category:hover{color:var(--ff-dark)}.ff-article-header h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:12px 0 16px}.ff-article-header .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--ff-gray-400);font-size:.85rem}.ff-article-header .article-meta span{display:flex;align-items:center;gap:5px}.ff-article-featured-img{border-radius:var(--ff-radius-lg);overflow:hidden;margin-bottom:36px}.ff-article-featured-img img{width:100%;max-height:480px;object-fit:cover}.article-content{font-size:1.05rem;line-height:1.85;color:var(--ff-gray-700)}.article-content h2{font-size:1.45rem;font-weight:700;color:var(--ff-dark);margin-top:40px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--ff-gray-100)}.article-content h3{font-size:1.15rem;font-weight:600;color:var(--ff-dark);margin-top:28px;margin-bottom:12px}.article-content p{margin-bottom:1.4rem}.article-content ul,.article-content ol{margin-bottom:1.4rem;padding-left:1.3rem}.article-content li{margin-bottom:.5rem}.article-content a{color:#e67e22;text-decoration:underline;text-decoration-color:rgba(230,126,34,.4);text-underline-offset:3px;transition:color var(--ff-transition),text-decoration-color var(--ff-transition)}.article-content a:hover{color:#d35400;text-decoration-color:#d35400}.article-content img{max-width:100%;height:auto;border-radius:var(--ff-radius);margin:20px 0}.article-content blockquote{border-left:3px solid var(--ff-dark);padding:16px 24px;margin:24px 0;background:var(--ff-gray-50);border-radius:0 var(--ff-radius) var(--ff-radius) 0;font-style:italic;color:var(--ff-gray-700)}.article-content table{width:100%;margin-bottom:1.5rem;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content table th,.article-content table td{padding:12px 16px;border-bottom:1px solid var(--ff-gray-200);text-align:left}.article-content table th{background:var(--ff-gray-50);font-weight:600;color:var(--ff-dark);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.article-content table tr:hover td{background:var(--ff-gray-50)}.article-content .pro-tip{background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-left:3px solid var(--ff-dark);border-radius:var(--ff-radius);padding:16px 20px;margin:24px 0;font-size:.95rem}.article-inline-img{margin:24px 0;padding:0}.article-inline-img img{display:block;width:100%;height:auto;border-radius:var(--ff-radius);box-shadow:0 2px 8px rgba(0,0,0,.08)}.article-inline-img figcaption{text-align:center;font-size:.85rem;color:var(--ff-gray-500);margin-top:8px;font-style:italic}.toc-wrapper{background:var(--ff-gray-50) !important;border:1px solid var(--ff-gray-200) !important;border-radius:var(--ff-radius-lg) !important;padding:20px 24px !important;font-size:.88rem}.toc-wrapper h6{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ff-gray-400);font-weight:700}.toc-list a{color:var(--ff-gray-500);text-decoration:none;transition:color var(--ff-transition)}.toc-list a:hover{color:var(--ff-dark)}.toc-list li{margin-bottom:4px}.ff-author-bio{background:var(--ff-gray-50);border-radius:var(--ff-radius-lg);padding:24px;display:flex;gap:16px;align-items:flex-start}.ff-author-avatar{width:52px;height:52px;border-radius:50%;background:var(--ff-dark);color:var(--ff-white);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.ff-share-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ff-gray-500);border:1px solid var(--ff-gray-200);background:var(--ff-white);text-decoration:none;transition:all var(--ff-transition);font-size:.85rem}.ff-share-btn:hover{color:var(--ff-white);background:var(--ff-dark);border-color:var(--ff-dark)}.ff-tag{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--ff-gray-500);background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);text-decoration:none;transition:all var(--ff-transition)}.ff-tag:hover{color:var(--ff-dark);border-color:var(--ff-gray-400)}.breadcrumb{font-size:.8rem;padding:0;margin-bottom:24px}.breadcrumb a{color:var(--ff-gray-400);text-decoration:none}.breadcrumb a:hover{color:var(--ff-dark)}.breadcrumb-item.active{color:var(--ff-gray-500)}.breadcrumb-item+.breadcrumb-item::before{color:var(--ff-gray-300)}.ad-container{background:var(--ff-gray-50);border-radius:var(--ff-radius);overflow:hidden}.pagination .page-link{border:0;padding:.45rem .8rem;border-radius:8px !important;margin:0 2px;color:var(--ff-gray-500);font-size:.85rem;font-weight:500;transition:all var(--ff-transition)}.pagination .page-link:hover{background:var(--ff-gray-100);color:var(--ff-dark)}.pagination .page-item.active .page-link{background:var(--ff-dark);color:var(--ff-white)}.ff-footer{background:var(--ff-gray-900);color:var(--ff-gray-400);padding-top:60px;padding-bottom:32px;margin-top:80px}.ff-footer h5,.ff-footer h6{color:var(--ff-white)}.ff-footer a{color:var(--ff-gray-400);text-decoration:none;transition:color var(--ff-transition)}.ff-footer a:hover{color:var(--ff-white)}.ff-footer .footer-brand{font-size:1.1rem;font-weight:700;color:var(--ff-white);letter-spacing:-.03em}.ff-footer .footer-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ff-gray-500);margin-bottom:16px}.ff-footer .footer-links li{margin-bottom:6px}.ff-footer .footer-links a{font-size:.87rem}.ff-footer .footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:var(--ff-gray-500)}.ff-footer .social-link{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--ff-gray-400);text-decoration:none;transition:all var(--ff-transition);font-size:.85rem}.ff-footer .social-link:hover{background:rgba(255,255,255,.15);color:var(--ff-white)}a.internal-link{color:var(--ff-dark);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}a.internal-link:hover{text-decoration-style:solid}.ff-404{padding:80px 0}.ff-404 .display-1{font-weight:800;letter-spacing:-.05em;color:var(--ff-gray-200)}.badge{font-weight:500}.btn-dark{background:var(--ff-dark);border-color:var(--ff-dark)}.btn-outline-dark{color:var(--ff-dark);border-color:var(--ff-gray-300)}.btn-outline-dark:hover{background:var(--ff-dark);border-color:var(--ff-dark)}@media(max-width:991px){.ff-hero{padding:50px 0 40px}.ff-hero h1{font-size:2.2rem}.ff-hero-stats{gap:20px}.ff-card-horizontal{flex-direction:column}.ff-card-horizontal-img{width:100%}.ff-card-horizontal-img img{min-height:200px;max-height:240px}.ff-card-horizontal-body{padding:20px}}@media(max-width:768px){.ff-hero{padding:40px 0 32px}.ff-hero h1{font-size:1.8rem}.ff-hero-search{margin-top:20px}.ff-hero-stats{gap:16px;margin-top:20px;padding-top:16px}.ff-hero-stat strong{font-size:1.1rem}.ff-article-header h1{font-size:1.6rem}.article-content{font-size:1rem}.article-card .card-img-wrap img{height:180px}.ff-footer{margin-top:40px}.ff-trending-bar{padding:8px 0}.ff-trending-label{font-size:.65rem;padding:3px 10px}}@media print{.ff-nav,.ff-sidebar,.ad-container,.ff-footer,.ff-share,.related-articles,.ff-trending-bar,.ff-categories,.ff-hero,.ff-mobile-menu,.ff-newsletter-box{display:none !important}.col-lg-8{width:100% !important;max-width:100% !important}}.ff-mobile-subscribe-btn{position:fixed;bottom:20px;right:16px;z-index:1000;animation:ff-float-in .4s ease-out}.ff-mobile-subscribe-btn a{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#111 0,#333 100%);color:#fff;padding:10px 18px;border-radius:50px;text-decoration:none;font-size:.82rem;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s;letter-spacing:.01em}.ff-mobile-subscribe-btn a:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,.3);color:#fff}.ff-mobile-subscribe-btn i{font-size:1rem}@keyframes ff-float-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ff-tweetable{background:linear-gradient(135deg,#eff6ff 0,#f0fdf4 100%);border-left:4px solid #1d9bf0;border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;position:relative}.ff-tweetable p{font-size:1.05rem;font-weight:600;line-height:1.5;color:var(--ff-dark);margin-bottom:.75rem}.ff-tweetable-btn{display:inline-flex;align-items:center;gap:6px;background:#1d9bf0;color:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s}.ff-tweetable-btn:hover{background:#1a8cd8;color:#fff}.sidebar-tool-rec{text-align:center;padding:1.25rem;background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius)}.sidebar-tool-rec-icon{width:52px;height:52px;margin:0 auto .75rem;border-radius:14px;background:#4b5563;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.sidebar-tool-rec-name{font-size:.92rem;font-weight:700;color:var(--ff-dark);margin-bottom:.25rem}.sidebar-tool-rec-text{font-size:.78rem;color:var(--ff-gray-500);margin-bottom:.75rem;line-height:1.4}.sidebar-tool-rec-btn{display:inline-flex;align-items:center;padding:8px 20px;background:#4b5563;color:#fff;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .2s}.sidebar-tool-rec-btn:hover{opacity:.9;color:#fff}.ff-tool-cta-inline{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;margin:1.5rem 0;background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:12px;transition:border-color .2s,box-shadow .2s}.ff-tool-cta-inline:hover{border-color:var(--ff-gray-400);box-shadow:0 2px 12px rgba(0,0,0,.06)}.ff-tool-cta-icon{width:48px;height:48px;border-radius:12px;background:#4b5563;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.ff-tool-cta-body{flex:1;min-width:0}.ff-tool-cta-body strong{display:block;font-size:.9rem;color:var(--ff-dark);line-height:1.3}.ff-tool-cta-body span{font-size:.78rem;color:var(--ff-gray-500)}.ff-tool-cta-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 18px;background:#4b5563;color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.ff-tool-cta-btn:hover{opacity:.9;color:#fff}.article-content .ff-tool-cta-btn{color:#fff;text-decoration:none}.article-content .ff-tool-cta-btn:hover{color:#fff;text-decoration:none}@media(max-width:575px){.ff-tool-cta-inline{flex-wrap:wrap}.ff-tool-cta-btn{width:100%;justify-content:center}}html.dark-mode,body.dark-mode{--ff-black:#f0f0f0;--ff-dark:#e5e5e5;--ff-gray-900:#d4d4d4;--ff-gray-700:#b0b0b0;--ff-gray-500:#999;--ff-gray-400:#777;--ff-gray-300:#444;--ff-gray-200:#333;--ff-gray-100:#252525;--ff-gray-50:#1e1e1e;--ff-white:#181818;--ff-accent:#e0e0e0;--ff-shadow-sm:0 1px 2px rgba(0,0,0,.2);--ff-shadow:0 4px 12px rgba(0,0,0,.25);--ff-shadow-lg:0 8px 30px rgba(0,0,0,.3);--ff-shadow-hover:0 12px 40px rgba(0,0,0,.35);background:#121212;color:#d4d4d4}body.dark-mode .ff-nav{background:#1a1a1a;border-color:#333}body.dark-mode .ff-nav .navbar-brand{color:#f0f0f0 !important}body.dark-mode .ff-nav .nav-link{color:#999 !important}body.dark-mode .ff-nav .nav-link:hover{color:#f0f0f0 !important;background:#252525}body.dark-mode .ff-hero{background:#111}body.dark-mode .ff-hero-bg{opacity:.15}body.dark-mode .card,body.dark-mode .article-card{background:#1e1e1e;border-color:#333}body.dark-mode .card-body{background:transparent}body.dark-mode .bg-light,body.dark-mode .table-light{background:#252525 !important}body.dark-mode .form-control,body.dark-mode .form-select{background:#252525;border-color:#444;color:#d4d4d4}body.dark-mode .dropdown-menu{background:#1e1e1e;border-color:#333}body.dark-mode .dropdown-item{color:#ccc}body.dark-mode .dropdown-item:hover{background:#252525;color:#fff}body.dark-mode .ff-footer{background:#111}body.dark-mode .ff-trending-bar{background:#1a1a1a}body.dark-mode .ff-categories{border-color:#333}body.dark-mode .ff-pill{background:#252525;color:#ccc;border-color:#444}body.dark-mode .ff-pill:hover{background:#333;color:#fff}body.dark-mode .sidebar-block{background:#1e1e1e}body.dark-mode .popular-item:hover{background:#252525}body.dark-mode .ff-newsletter-box{background:#1e1e1e}body.dark-mode .article-content{color:#ccc}body.dark-mode .article-content h2,body.dark-mode .article-content h3{color:#e5e5e5}body.dark-mode .article-content blockquote{border-color:#444;background:#252525}body.dark-mode .article-content .pro-tip{background:#1a2a1a;border-color:#2d5a2d}body.dark-mode .article-inline-img img{box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark-mode .article-inline-img figcaption{color:#888}body.dark-mode .toc-card{background:#1e1e1e;border-color:#333}body.dark-mode .breadcrumb-item a{color:#999}body.dark-mode .ff-share-btn{background:#252525;color:#ccc;border-color:#444}body.dark-mode .ff-share-btn:hover{background:#333}body.dark-mode .offcanvas{background:#1a1a1a}body.dark-mode .tag-link,body.dark-mode .ff-tag{background:#252525;color:#ccc}body.dark-mode .ff-card-horizontal{background:#1e1e1e;border-color:#333}body.dark-mode img{opacity:.92}body.dark-mode .ff-mobile-subscribe-btn a{background:#475569}.ff-back-top{position:fixed;bottom:80px;right:20px;width:42px;height:42px;border-radius:50%;background:var(--ff-dark);color:var(--ff-white);border:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:999;box-shadow:0 2px 12px rgba(0,0,0,.15)}.ff-back-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.ff-back-top:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.25)}body.dark-mode .ff-back-top{background:#475569;color:#fff}.ff-article-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:1rem;padding:8px 12px;background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius);flex-wrap:wrap}.ff-article-toolbar .ff-tool-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--ff-gray-200);border-radius:6px;background:var(--ff-white);color:var(--ff-gray-500);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--ff-transition);text-decoration:none;white-space:nowrap}.ff-article-toolbar .ff-tool-btn:hover{background:var(--ff-gray-100);color:var(--ff-dark);border-color:var(--ff-gray-300)}.ff-article-toolbar .ff-tool-btn.active{background:var(--ff-dark);color:var(--ff-white);border-color:var(--ff-dark)}.ff-article-toolbar .ff-tool-sep{width:1px;height:20px;background:var(--ff-gray-200);margin:0 4px}body.dark-mode .ff-article-toolbar{background:#252525;border-color:#444}body.dark-mode .ff-article-toolbar .ff-tool-btn{background:#1e1e1e;border-color:#444;color:#999}body.dark-mode .ff-article-toolbar .ff-tool-btn:hover{background:#333;color:#fff}body.ff-font-sm .article-content{font-size:.95rem}body.ff-font-md .article-content{font-size:1.08rem}body.ff-font-lg .article-content{font-size:1.2rem;line-height:1.75}body.ff-font-xl .article-content{font-size:1.35rem;line-height:1.8}.ff-reactions{display:flex;align-items:center;gap:8px;padding:16px 0;flex-wrap:wrap}.ff-reactions .ff-react-label{font-size:.85rem;font-weight:500;color:var(--ff-gray-500);margin-right:4px}.ff-react-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid var(--ff-gray-200);border-radius:50px;background:var(--ff-white);color:var(--ff-gray-700);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ff-transition)}.ff-react-btn:hover{border-color:var(--ff-gray-400);transform:translateY(-1px)}.ff-react-btn.reacted{background:var(--ff-dark);color:var(--ff-white);border-color:var(--ff-dark)}.ff-react-btn .ff-react-count{font-weight:600;font-size:.75rem;opacity:.7}body.dark-mode .ff-react-btn{background:#252525;border-color:#444;color:#ccc}body.dark-mode .ff-react-btn.reacted{background:#475569;border-color:#475569;color:#fff}.ff-feedback{padding:20px;background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius-lg);text-align:center;margin:1.5rem 0}.ff-feedback-q{font-size:.95rem;font-weight:600;color:var(--ff-dark);margin-bottom:12px}.ff-feedback-btns{display:flex;gap:10px;justify-content:center}.ff-feedback-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 20px;border:1px solid var(--ff-gray-200);border-radius:50px;background:var(--ff-white);color:var(--ff-gray-700);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--ff-transition)}.ff-feedback-btn:hover{border-color:var(--ff-gray-400)}.ff-feedback-btn.yes:hover,.ff-feedback-btn.yes.selected{background:#16a34a;color:#fff;border-color:#16a34a}.ff-feedback-btn.no:hover,.ff-feedback-btn.no.selected{background:#dc2626;color:#fff;border-color:#dc2626}.ff-feedback-thanks{display:none;font-size:.9rem;color:var(--ff-gray-500);padding:8px 0}body.dark-mode .ff-feedback{background:#252525;border-color:#444}body.dark-mode .ff-feedback-btn{background:#1e1e1e;border-color:#444;color:#ccc}.ff-highlight-popup{position:absolute;display:none;background:#1a1a1a;color:#fff;border-radius:8px;padding:6px 8px;gap:4px;z-index:1050;box-shadow:0 4px 16px rgba(0,0,0,.2);animation:ff-pop-in .15s ease-out}.ff-highlight-popup.show{display:inline-flex}.ff-highlight-popup a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#fff;font-size:.9rem;transition:background .15s}.ff-highlight-popup a:hover{background:rgba(255,255,255,.15);color:#fff}@keyframes ff-pop-in{from{opacity:0;transform:scale(.9) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ff-theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--ff-gray-200);border-radius:8px;background:var(--ff-white);color:var(--ff-gray-500);cursor:pointer;transition:all var(--ff-transition);font-size:.95rem}.ff-theme-toggle:hover{background:var(--ff-gray-100);color:var(--ff-dark)}.ff-nav-account{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--ff-gray-200);border-radius:8px;background:var(--ff-white);color:var(--ff-gray-500);font-size:1.1rem;text-decoration:none;transition:all var(--ff-transition)}.ff-nav-account:hover{background:var(--ff-gray-100);color:var(--ff-dark)}body.dark-mode .ff-nav-account{background:#252525;border-color:#444;color:#999}body.dark-mode .ff-nav-account:hover{background:#333;color:#fff}body.dark-mode .ff-theme-toggle{background:#252525;border-color:#444;color:#f0c040}.ff-recently-viewed{list-style:none;padding:0;margin:0}.ff-recently-viewed li{padding:6px 0;border-bottom:1px solid var(--ff-gray-100)}.ff-recently-viewed li:last-child{border:0}.ff-recently-viewed a{color:var(--ff-gray-700);font-size:.82rem;font-weight:500;text-decoration:none;display:block;transition:color var(--ff-transition)}.ff-recently-viewed a:hover{color:var(--ff-dark)}.ff-recently-viewed .rv-meta{font-size:.7rem;color:var(--ff-gray-400);margin-top:2px}.ff-bookmark-icon{cursor:pointer;transition:all var(--ff-transition)}.ff-bookmark-icon:hover{transform:scale(1.1)}.ff-bookmark-icon.saved{color:#f59e0b}.ff-bookmark-icon.saved i::before{content:"\F150"}.ff-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#1a1a1a;color:#fff;padding:10px 20px;border-radius:50px;font-size:.82rem;font-weight:500;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:transform .3s ease;white-space:nowrap}.ff-toast.show{transform:translateX(-50%) translateY(0)}body.dark-mode .ff-toast{background:#475569}body.dark-mode .ff-tweetable{background:linear-gradient(135deg,#1e293b 0,#1a2332 100%);border-color:#1d9bf0}body.dark-mode .ff-tweetable p{color:#e2e8f0}body.dark-mode .ff-tool-cta-inline{background:linear-gradient(135deg,#1e1b4b 0,#1e1e2e 100%);border-color:#374151}body.dark-mode .ff-tool-cta-inline:hover{border-color:#6b7280}body.dark-mode .ff-tool-cta-body strong{color:#e2e8f0}body.dark-mode .ff-tool-cta-body span{color:#9ca3af}body.dark-mode .sidebar-tool-rec{background:linear-gradient(135deg,#1e1b4b 0,#1e1e2e 100%);border-color:#374151}body.dark-mode .sidebar-tool-rec-name{color:#e2e8f0}body.dark-mode .sidebar-tool-rec-text{color:#9ca3af}.ff-reading-pct{position:fixed;top:4px;right:12px;font-size:.65rem;font-weight:600;color:var(--ff-gray-400);z-index:10000;opacity:0;transition:opacity .2s;pointer-events:none}.ff-reading-pct.visible{opacity:1}.toc-card{background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius-lg);margin-bottom:1.5rem;overflow:hidden}.toc-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;user-select:none;gap:8px}.toc-header h6{margin:0;font-size:.88rem;font-weight:700;flex:1}.toc-count{font-size:.72rem;color:var(--ff-gray-400);font-weight:500}.toc-chevron{font-size:.8rem;color:var(--ff-gray-400);transition:transform .2s}.toc-card.collapsed .toc-chevron{transform:rotate(180deg)}.toc-card.collapsed .toc-body{display:none}.toc-body{padding:0 16px 14px}.toc-list{margin:0;padding-left:1.2rem;list-style:decimal}.toc-list li{padding:3px 0}.toc-list a{color:var(--ff-gray-700);font-size:.82rem;font-weight:500;text-decoration:none;transition:color var(--ff-transition)}.toc-list a:hover{color:var(--ff-dark)}.toc-sub{list-style:disc;padding-left:1.2rem;margin:2px 0 4px}.toc-sub a{font-size:.78rem;color:var(--ff-gray-500);font-weight:400}.ff-faq-section{margin:2rem 0}.ff-faq-section .ff-faq-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.ff-faq-item{border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius);margin-bottom:8px;overflow:hidden}.ff-faq-q{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--ff-dark);cursor:pointer;user-select:none;background:var(--ff-gray-50);transition:background var(--ff-transition)}.ff-faq-q:hover{background:var(--ff-gray-100)}.ff-faq-q i{font-size:.75rem;color:var(--ff-gray-400);transition:transform .2s}.ff-faq-item.open .ff-faq-q i{transform:rotate(180deg)}.ff-faq-a{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:.88rem;color:var(--ff-gray-700);line-height:1.65}.ff-faq-item.open .ff-faq-a{max-height:500px;padding:12px 16px}body.dark-mode .ff-faq-item{border-color:#444}body.dark-mode .ff-faq-q{background:#252525}body.dark-mode .ff-faq-q:hover{background:#333}.ff-paa{margin:2rem 0}.ff-paa-title{font-size:1.1rem;font-weight:700;margin-bottom:.8rem}.ff-paa-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius);margin-bottom:6px;text-decoration:none;color:var(--ff-gray-700);font-size:.85rem;font-weight:500;transition:all var(--ff-transition)}.ff-paa-item:hover{background:var(--ff-gray-50);border-color:var(--ff-gray-300);color:var(--ff-dark)}.ff-paa-item i{color:var(--ff-gray-400);font-size:.9rem;margin-top:2px}body.dark-mode .ff-paa-item{border-color:#444;color:#ccc}body.dark-mode .ff-paa-item:hover{background:#252525}.ff-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--ff-white);border:1px solid var(--ff-gray-200);border-radius:0 0 var(--ff-radius-lg) var(--ff-radius-lg);box-shadow:var(--ff-shadow-lg);z-index:1060;display:none;max-height:360px;overflow-y:auto}.ff-search-dropdown.show{display:block}.ff-search-item{display:flex;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;color:var(--ff-gray-700);transition:background var(--ff-transition);border-bottom:1px solid var(--ff-gray-100)}.ff-search-item:last-child{border:0}.ff-search-item:hover{background:var(--ff-gray-50);color:var(--ff-dark)}.ff-search-item .si-title{font-size:.85rem;font-weight:500}.ff-search-item .si-meta{font-size:.7rem;color:var(--ff-gray-400)}body.dark-mode .ff-search-dropdown{background:#1e1e1e;border-color:#444}body.dark-mode .ff-search-item:hover{background:#252525}.ff-exit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.ff-exit-overlay.show{display:flex}.ff-exit-popup{background:var(--ff-white);border-radius:16px;padding:40px;max-width:420px;width:90%;text-align:center;position:relative;animation:ff-pop-in .3s ease-out;box-shadow:0 20px 60px rgba(0,0,0,.2)}.ff-exit-popup h3{font-size:1.3rem;font-weight:800;margin-bottom:8px}.ff-exit-popup p{color:var(--ff-gray-500);font-size:.9rem;margin-bottom:20px}.ff-exit-close{position:absolute;top:12px;right:16px;background:0;border:0;font-size:1.2rem;color:var(--ff-gray-400);cursor:pointer}.ff-exit-popup .ff-exit-form{display:flex;gap:8px}.ff-exit-popup .ff-exit-form input{flex:1;padding:10px 14px;border:1px solid var(--ff-gray-200);border-radius:8px;font-size:.88rem}.ff-exit-popup .ff-exit-form button{padding:10px 20px;background:var(--ff-dark);color:#fff;border:0;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}body.dark-mode .ff-exit-popup{background:#1e1e1e}.ff-onboard-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.ff-onboard-tag{padding:8px 16px;border:2px solid var(--ff-gray-200);border-radius:50px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--ff-transition);color:var(--ff-gray-700)}.ff-onboard-tag:hover{border-color:var(--ff-gray-400)}.ff-onboard-tag.selected{border-color:var(--ff-dark);background:var(--ff-dark);color:var(--ff-white)}.ff-badge-toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:16px 20px;border-radius:var(--ff-radius-lg);box-shadow:0 8px 30px rgba(245,158,11,.35);display:flex;align-items:center;gap:12px;z-index:10001;opacity:0;transform:translateY(30px) scale(.9);transition:all .4s cubic-bezier(.4,0,.2,1);max-width:320px;font-size:.85rem;line-height:1.4}.ff-badge-toast.show{opacity:1;transform:translateY(0) scale(1)}.ff-badge-toast-icon{width:42px;height:42px;background:rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.ff-badge-toast strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.ff-badge-toast small{opacity:.75}.ff-badge-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ff-badge-item{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:help;border:2px solid #fbbf24;transition:transform var(--ff-transition)}.ff-badge-item:hover{transform:scale(1.15)}body.dark-mode .ff-badge-item{background:linear-gradient(135deg,#78350f,#92400e);border-color:#b45309}.ff-points-display{font-size:.75rem;font-weight:600;color:var(--ff-gray-500);display:flex;align-items:center;gap:4px}.ff-quiz-section{background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius-lg);padding:1.5rem;margin-top:2rem}body.dark-mode .ff-quiz-section{background:#1e1e1e;border-color:#333}.ff-quiz-question{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--ff-dark)}.ff-quiz-option{display:block;width:100%;padding:10px 14px;margin-bottom:8px;border:2px solid var(--ff-gray-200);border-radius:var(--ff-radius);background:var(--ff-white);font-size:.87rem;font-weight:500;cursor:pointer;transition:all var(--ff-transition);text-align:left;color:var(--ff-gray-700)}.ff-quiz-option:hover{border-color:var(--ff-gray-400);background:var(--ff-gray-50)}.ff-quiz-option.correct{border-color:#22c55e;background:#f0fdf4;color:#166534}.ff-quiz-option.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.ff-quiz-option.disabled{pointer-events:none;opacity:.6}.ff-quiz-explain{font-size:.82rem;color:var(--ff-gray-500);margin-top:10px;padding:10px;background:var(--ff-gray-50);border-radius:var(--ff-radius);display:none;line-height:1.6}.ff-quiz-explain.show{display:block}.ff-quiz-score{text-align:center;padding:1.5rem}.ff-quiz-score .score-number{font-size:2.5rem;font-weight:800;color:#22c55e;line-height:1}.ff-quiz-score .score-label{font-size:.82rem;color:var(--ff-gray-500);margin-top:4px}.ff-milestone-bar{height:6px;background:var(--ff-gray-200);border-radius:3px;overflow:hidden;margin:8px 0}.ff-milestone-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .6s ease}.ff-comment{padding:16px 0;border-bottom:1px solid var(--ff-gray-100)}.ff-comment:last-child{border-bottom:0}.ff-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ff-comment-author{font-size:.85rem;font-weight:600;color:var(--ff-dark)}.ff-comment-time{font-size:.72rem;color:var(--ff-gray-400)}.ff-comment-body{font-size:.88rem;color:var(--ff-gray-700);line-height:1.65}.ff-comment-actions{margin-top:6px;display:flex;gap:12px}.ff-comment-action{background:0;border:0;padding:0;font-size:.75rem;color:var(--ff-gray-400);cursor:pointer;transition:color var(--ff-transition);display:flex;align-items:center;gap:3px}.ff-comment-action:hover{color:var(--ff-dark)}.ff-comment-replies{margin-left:24px;padding-left:16px;border-left:2px solid var(--ff-gray-100);margin-top:4px}.ff-comment-replies .ff-comment{padding:12px 0}.ff-comment-form input,.ff-comment-form textarea{border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius);font-size:.85rem}.ff-comment-form input:focus,.ff-comment-form textarea:focus{border-color:var(--ff-gray-400);box-shadow:0 0 0 3px rgba(0,0,0,.04)}body.dark-mode .ff-comment{border-color:#333}body.dark-mode .ff-comment-author{color:#e5e5e5}body.dark-mode .ff-comment-body{color:#ccc}body.dark-mode .ff-comment-replies{border-color:#333}body.dark-mode .ff-comment-form{background:#1e1e1e !important}body.dark-mode .ff-comment-form input,body.dark-mode .ff-comment-form textarea{background:#252525;border-color:#444;color:#ddd}.ff-poll{background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius-lg);padding:1.25rem;margin:2rem 0}body.dark-mode .ff-poll{background:#1e1e1e;border-color:#333}.ff-poll-question{font-size:.95rem;font-weight:700;color:var(--ff-dark);margin-bottom:1rem}.ff-poll-option{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:8px;border:2px solid var(--ff-gray-200);border-radius:var(--ff-radius);background:var(--ff-white);cursor:pointer;transition:all var(--ff-transition);position:relative;overflow:hidden}.ff-poll-option:hover{border-color:var(--ff-gray-400)}.ff-poll-option.selected{border-color:var(--ff-dark);background:var(--ff-gray-50)}.ff-poll-option.voted{cursor:default}.ff-poll-option .poll-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(37,99,235,.08);transition:width .6s ease;z-index:0}.ff-poll-option .poll-label{position:relative;z-index:1;font-size:.85rem;font-weight:500;flex:1}.ff-poll-option .poll-pct{position:relative;z-index:1;font-size:.78rem;font-weight:700;color:var(--ff-gray-500);min-width:40px;text-align:right}.ff-poll-total{font-size:.72rem;color:var(--ff-gray-400);margin-top:8px;text-align:center}body.dark-mode .ff-poll-option{background:#1e1e1e;border-color:#444}body.dark-mode .ff-poll-option:hover{border-color:#666}body.dark-mode .ff-poll-option.selected{border-color:#818cf8;background:#252525}body.dark-mode .ff-poll-option .poll-bar{background:rgba(129,140,248,.12)}.ff-comparison-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius-lg);overflow:hidden;margin:1.5rem 0;font-size:.85rem}.ff-comparison-table thead th{background:var(--ff-dark);color:#fff;padding:12px 16px;font-weight:600;font-size:.82rem;text-align:left;white-space:nowrap}.ff-comparison-table thead th:first-child{border-radius:var(--ff-radius-lg) 0 0 0}.ff-comparison-table thead th:last-child{border-radius:0 var(--ff-radius-lg) 0 0}.ff-comparison-table tbody td{padding:10px 16px;border-bottom:1px solid var(--ff-gray-100);color:var(--ff-gray-700);vertical-align:top}.ff-comparison-table tbody tr:last-child td{border-bottom:0}.ff-comparison-table tbody tr:hover{background:var(--ff-gray-50)}.ff-comparison-table .check{color:#22c55e;font-weight:700}.ff-comparison-table .cross{color:#ef4444;font-weight:700}.ff-comparison-table .highlight-col{background:rgba(37,99,235,.04)}body.dark-mode .ff-comparison-table{border-color:#444}body.dark-mode .ff-comparison-table thead th{background:#252525}body.dark-mode .ff-comparison-table tbody td{border-color:#333;color:#ccc}body.dark-mode .ff-comparison-table tbody tr:hover{background:#1e1e1e}.ff-email-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--ff-gray-100)}.ff-email-step:last-child{border:0}.ff-email-step-num{width:28px;height:28px;border-radius:50%;background:var(--ff-gray-100);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--ff-gray-500);flex-shrink:0}.ff-email-step-num.sent{background:#dcfce7;color:#166534}.ff-email-step-num.pending{background:#fef3c7;color:#92400e}.ff-story-card{background:var(--ff-gray-50);border:1px solid var(--ff-gray-200);border-radius:var(--ff-radius-lg);padding:20px;position:relative}.ff-story-card::before{content:"\201C";position:absolute;top:10px;left:16px;font-size:3rem;color:var(--ff-gray-200);font-family:Georgia,serif;line-height:1}.ff-story-text{font-size:.88rem;color:var(--ff-gray-700);line-height:1.65;padding-left:28px;font-style:italic}.ff-story-author{display:flex;align-items:center;gap:8px;margin-top:12px;padding-left:28px}.ff-story-author-name{font-size:.82rem;font-weight:600;color:var(--ff-dark)}.ff-story-author-loc{font-size:.72rem;color:var(--ff-gray-400)}.ff-story-savings{display:inline-block;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:600;margin-left:auto}body.dark-mode .ff-story-card{background:#1e1e1e;border-color:#333}body.dark-mode .ff-story-card::before{color:#555}body.dark-mode .ff-story-text{color:#ccc}body.dark-mode .ff-story-savings{background:#14532d;color:#86efac}.ff-deal-badge{display:inline-block;background:#fef2f2;color:#dc2626;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}body.dark-mode .ff-deal-badge{background:#451a03;color:#fb923c}body.dark-mode .ff-quiz-option{background:#1e1e1e;border-color:#444;color:#ccc}body.dark-mode .ff-quiz-option:hover{border-color:#666;background:#252525}body.dark-mode .ff-quiz-option.correct{border-color:#22c55e;background:#14532d;color:#86efac}body.dark-mode .ff-quiz-option.wrong{border-color:#ef4444;background:#450a0a;color:#fca5a5}body.dark-mode .ff-quiz-explain{background:#252525;color:#ccc}body.dark-mode .ff-exit-popup input{background:#252525;border-color:#444;color:#ddd}body.dark-mode .ff-exit-popup button{background:#475569;color:#fff}body.dark-mode .sidebar-tools-cta{background:linear-gradient(135deg,#1e1e1e,#2a2a2a)}body.dark-mode .sidebar-tools-cta h5{color:#e5e5e5}body.dark-mode .sidebar-tools-cta p{color:#999}body.dark-mode .sidebar-tools-cta .btn-sm{background:#475569;color:#fff}body.dark-mode .btn-dark,body.dark-mode .btn.btn-dark{background:#475569 !important;border-color:#475569 !important;color:#fff !important}body.dark-mode .btn-dark:hover,body.dark-mode .btn.btn-dark:hover{background:#334155 !important;border-color:#334155 !important}body.dark-mode .btn-outline-primary{color:#d1d5db;border-color:#6b7280}body.dark-mode .btn-outline-primary:hover{background:#475569;color:#fff;border-color:#475569}body.dark-mode .btn-outline-secondary{color:#999;border-color:#555}body.dark-mode .btn-outline-secondary:hover{background:#333;color:#fff;border-color:#555}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#e5e5e5}body.dark-mode .text-dark{color:#e5e5e5 !important}body.dark-mode .text-muted{color:#888 !important}body.dark-mode .border-bottom{border-color:#333 !important}body.dark-mode .border-top{border-color:#333 !important}body.dark-mode .alert-info{background:#1e3a5f;border-color:#2563eb;color:#93c5fd}body.dark-mode .alert-success{background:#14532d;border-color:#22c55e;color:#86efac}body.dark-mode .alert-danger{background:#450a0a;border-color:#ef4444;color:#fca5a5}body.dark-mode .modal-content{background:#1e1e1e;border-color:#333}body.dark-mode .modal-header{border-color:#333}body.dark-mode .modal-footer{border-color:#333}body.dark-mode .btn-close{filter:invert(1)}body.dark-mode .ff-article-header .article-category{background:#252525;color:#d1d5db}body.dark-mode .article-meta span{color:#888}body.dark-mode .ff-author-bio{background:#1e1e1e;border-color:#333}body.dark-mode .ff-article-featured-img img{opacity:.9}body.dark-mode .ff-article-newsletter{background:transparent}body.dark-mode .lead{color:#999 !important}body.dark-mode .ff-newsletter-box input{background:#252525;border-color:#444;color:#ddd}body.dark-mode .ff-newsletter-box button{background:#475569;color:#fff}body.dark-mode .ff-newsletter-box .btn-dark{background:#475569 !important;color:#fff !important}body.dark-mode .offcanvas-header{background:#1a1a1a;border-color:#333}body.dark-mode .offcanvas-body{background:#1a1a1a}body.dark-mode .ff-mobile-nav-link{color:#ccc;border-color:#333}body.dark-mode .ff-mobile-nav-link:hover{background:#252525;color:#fff}body.dark-mode .ff-mobile-label{color:#888}body.dark-mode .ff-mobile-social{background:#252525;border-color:#444;color:#ccc}body.dark-mode .input-group .btn{background:#475569;border-color:#475569;color:#fff}body.dark-mode .ff-search-bar input{background:#252525;border-color:#444;color:#ddd}body.dark-mode .ff-search-bar button{color:#ccc}body.dark-mode .ff-hero-search.ff-search-page .input-group{background:#1e1e1e !important;border-color:#444 !important}body.dark-mode .ff-hero-search.ff-search-page .input-group:focus-within{background:#252525 !important;border-color:#666 !important;box-shadow:0 0 0 3px rgba(99,140,255,.15) !important}body.dark-mode .ff-hero-search.ff-search-page input{color:#e5e5e5 !important}body.dark-mode .ff-hero-search.ff-search-page .input-group:focus-within input{color:#e5e5e5 !important}body.dark-mode .ff-hero-search.ff-search-page input::placeholder{color:#777}body.dark-mode .ff-hero-search.ff-search-page .input-group:focus-within input::placeholder{color:#888}body.dark-mode .ff-hero-search.ff-search-page button{color:#888 !important}body.dark-mode .ff-hero-search.ff-search-page .input-group:focus-within button{color:#aaa !important}body.dark-mode .ff-card{background:#1e1e1e;border-color:#333}body.dark-mode .ff-card-body{background:transparent}body.dark-mode .ff-card-title{color:#e5e5e5}body.dark-mode .ff-card-meta{color:#777}body.dark-mode .pagination .page-link{background:#1e1e1e;border-color:#333;color:#ccc}body.dark-mode .pagination .page-item.active .page-link{background:#475569;border-color:#475569;color:#fff}body.dark-mode .pagination .page-link:hover{background:#252525;color:#fff}body.dark-mode .breadcrumb{background:transparent}body.dark-mode .breadcrumb-item+.breadcrumb-item::before{color:#555}body.dark-mode .ff-react-label{color:#888}body.dark-mode .ff-reactions{border-color:#333}body.dark-mode #storyForm{background:#1e1e1e !important}body.dark-mode #storyForm input,body.dark-mode #storyForm textarea{background:#252525;border-color:#444;color:#ddd}body.dark-mode .ff-hero-content h1{color:#fff}body.dark-mode .section-title{color:#e5e5e5}body.dark-mode .tool-card{background:#1e1e1e;border-color:#333}body.dark-mode .tool-card h3{color:#e5e5e5}body.dark-mode .tool-card p{color:#999}body.dark-mode .tool-card .tool-link{color:#d1d5db}body.dark-mode .calc-form{background:#1e1e1e;border-color:#333}body.dark-mode .calc-form .form-label{color:#ccc}body.dark-mode .calc-result{background:#1e1e1e;border-color:#333}body.dark-mode .calc-result .result-big{color:#e5e5e5}body.dark-mode .result-row{border-color:#333}body.dark-mode .result-row .rr-label{color:#999}body.dark-mode .result-row .rr-value{color:#e5e5e5}body.dark-mode .btn-calculate{background:#475569;color:#fff}body.dark-mode .btn-calculate:hover{background:#334155;color:#fff}body.dark-mode .auth-form{background:#1e1e1e;border-color:#333}body.dark-mode .auth-form h1{color:#e5e5e5}body.dark-mode .btn-auth{background:#475569;color:#fff}body.dark-mode .btn-auth:hover{background:#334155;color:#fff}body.dark-mode .auth-error{background:#450a0a;border-color:#ef4444;color:#fca5a5}body.dark-mode .auth-footer{color:#888}body.dark-mode .auth-footer a{color:#d1d5db}body.dark-mode .score-card{background:#1e1e1e;border-color:#333}body.dark-mode .dash-stat{background:#1e1e1e;border-color:#333}body.dark-mode .dash-stat .ds-value{color:#e5e5e5}body.dark-mode .dash-tips{background:#1e1e1e;border-color:#333}body.dark-mode .qa-link{background:#1e1e1e;border-color:#333;color:#ccc}body.dark-mode .qa-link:hover{border-color:#555;color:#fff}body.dark-mode .chart-wrap{background:#1e1e1e;border-color:#333}body.dark-mode .debt-entry{background:#1e1e1e;border-color:#333}body.dark-mode .compare-card{background:#1e1e1e;border-color:#333}body.dark-mode .amort-table th{background:#252525;color:#ccc;border-color:#444}body.dark-mode .amort-table td{border-color:#333;color:#ccc}body.dark-mode .amort-table tbody tr:hover{background:#252525}body.dark-mode .stats-row{background:#1a1a1a;border-color:#333}body.dark-mode .tools-breadcrumb a{color:#888}body.dark-mode .input-group-text{background:#252525;border-color:#444;color:#ccc}body.dark-mode .finance-modal .modal-content{background:#1e1e1e}body.dark-mode .finance-modal .modal-header{border-color:#333}body.dark-mode .finance-modal .modal-footer{border-color:#333}body.dark-mode .ff-highlight-popup{background:#475569}body.dark-mode .ff-highlight-popup a{color:#fff}body.dark-mode .ff-mobile-icon-btn{border-color:#444;color:#ccc}body.dark-mode .ff-mobile-icon-btn:hover{background:#252525;color:#fff}body.dark-mode .ff-feedback-btn.yes:hover{background:#14532d;color:#86efac;border-color:#22c55e}body.dark-mode .ff-feedback-btn.no:hover{background:#450a0a;color:#fca5a5;border-color:#ef4444}body.dark-mode .ff-onboard-tag{border-color:#444;color:#ccc;background:#1e1e1e}body.dark-mode .ff-onboard-tag.selected{border-color:#6b7280;background:#374151;color:#e5e7eb}body.dark-mode .ff-badge-toast{background:linear-gradient(135deg,#92400e,#78350f);color:#fef3c7}body.dark-mode .text-success{color:#86efac !important}body.dark-mode .text-danger{color:#fca5a5 !important}body.dark-mode .text-warning{color:#fde68a !important}body.dark-mode .text-info{color:#93c5fd !important}body.dark-mode .bg-white{background:#1e1e1e !important}body.dark-mode .bg-light{background:#252525 !important}body.dark-mode .border{border-color:#333 !important}body.dark-mode a:not([class]){color:#d1d5db}body.dark-mode .small,body.dark-mode small{color:inherit}body.dark-mode .article-category{background:#374151 !important;color:#d1d5db !important}body.dark-mode .ff-newsletter-box h5,body.dark-mode .ff-newsletter-box h6{color:#e5e5e5}body.dark-mode .ff-newsletter-box p{color:#999}body.dark-mode .ff-comparison-table{border-color:#444}body.dark-mode .ff-comparison-table thead th{background:#1e1e1e;color:#e5e5e5}body.dark-mode .ff-story-form{background:#1e1e1e !important;border-color:#333 !important}body.dark-mode .nav-tabs{border-color:#333}body.dark-mode .nav-tabs .nav-link{color:#999;border-color:transparent}body.dark-mode .nav-tabs .nav-link:hover{border-color:#444 #444 #333;color:#ccc}body.dark-mode .nav-tabs .nav-link.active{color:#fff;background:#1e1e1e;border-color:#444 #444 #1e1e1e}body.dark-mode .nav-pills .nav-link{color:#ccc}body.dark-mode .nav-pills .nav-link.active{background:#475569;color:#fff}