:root{--dfw-bg:#f8f9fa;--dfw-primary:#2c3e50;--dfw-secondary:#34495e;--dfw-accent:#3498db;--dfw-white:#fff;--dfw-border:#2c3e5026;--bs-body-bg:var(--dfw-bg);--bs-primary:var(--dfw-primary);--bs-secondary:var(--dfw-secondary);--bs-primary-rgb:44,62,80}body{background-color:var(--bs-body-bg);color:var(--dfw-primary);font-family:Inter,sans-serif}.bg-light{background-color:var(--dfw-bg)!important}.bg-white{background-color:var(--dfw-white)!important}.text-dark{color:var(--dfw-primary)!important}.text-secondary{color:var(--dfw-secondary)!important}.navbar{border-bottom:1px solid var(--dfw-border)!important;background-color:#559cd5!important}.bg-white,.card,.post-details-box{background-color:var(--dfw-white)!important}.card{transition:transform .2s,box-shadow .2s;border:1px solid var(--dfw-border)!important}.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #2c3e501a!important}.card-body{background-color:#0000!important}.btn-primary,.btn-dark{background-color:var(--dfw-primary)!important;border-color:var(--dfw-primary)!important;color:var(--dfw-white)!important}.btn-primary:hover,.btn-dark:hover{background-color:var(--dfw-secondary)!important;border-color:var(--dfw-secondary)!important}.btn-outline-dark,.btn-outline-secondary{color:var(--dfw-primary)!important;border-color:var(--dfw-primary)!important}.btn-outline-dark:hover,.btn-outline-secondary:hover{background-color:var(--dfw-primary)!important;color:var(--dfw-white)!important}.badge.bg-light{color:var(--dfw-secondary)!important;border:1px solid var(--dfw-border)!important;background-color:#2c3e500d!important}.form-control{background-color:var(--dfw-white)!important;border-color:var(--dfw-border)!important;color:var(--dfw-primary)!important}.form-control:focus{background-color:var(--dfw-white)!important;border-color:var(--dfw-accent)!important;box-shadow:0 0 0 .25rem #3498db40!important}.focus-ring:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);border-color:var(--bs-primary)}.hover-text-primary:hover{color:var(--bs-primary)!important}.border-bottom,.border-top{border-color:var(--dfw-border)!important}.rounded-4{border-radius:1rem!important}.transition-all{transition:all .2s ease-in-out!important}.success-text{color:#27ae60!important}.focus-within-ring:focus-within{box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)!important;border-color:var(--bs-primary)!important}.hover-shadow-sm:hover{box-shadow:0 .125rem .25rem #00000013!important}.cursor-pointer{cursor:pointer!important}.hero-mode-container{background:#fff;border:1px solid #cbd5e1d9;border-radius:9999px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:6px;display:inline-flex;box-shadow:0 4px 18px -2px #0f172a14,0 2px 6px -1px #0f172a0a}.hero-mode-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:600;line-height:1.3;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero-mode-pill.active{cursor:default;background:#1e293b;box-shadow:0 3px 12px #0f172a38;color:#fff!important}.hero-mode-pill.inactive{background:0 0;color:#475569!important}.hero-mode-pill.inactive:hover{background:#f1f5f9;color:#0f172a!important}.hero-mode-pill .arrow-icon{margin-left:2px;transition:transform .2s;display:inline-block}.hero-mode-pill.inactive:hover .arrow-icon{transform:translate(4px)}@media (max-width:576px){.hero-mode-container{border-radius:1.5rem;flex-wrap:wrap;gap:4px;padding:5px}.hero-mode-pill{flex:auto;justify-content:center;padding:8px 16px;font-size:.85rem}}