:root{--primary-color:#4e44e6;--primary-hover:#3d34ca;--secondary-color:#2c3e50;--accent-color:#ff3b3b;--success-color:#00b894;--warning-color:#fdcb6e;--bg-body:#fff;--bg-surface:#fff;--text-primary:#172b4d;--text-secondary:#5e6c84;--border-light:#dfe1e6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem}@media (max-width:768px){:root{font-size:15px}}body{background-color:var(--bg-body);color:var(--text-primary);font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.75rem;font-weight:700}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.text-primary-brand{color:var(--primary-color)!important}.bg-primary-brand{background-color:var(--primary-color)!important}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:var(--radius-md);padding:.6rem 1.4rem;font-weight:600;transition:all .2s}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4e44e64d}.btn-lg{padding:.8rem 2rem;font-size:1.1rem}.btn-light{border:1px solid var(--border-light);color:var(--text-primary);background:#fff}.btn-light:hover{color:var(--primary-color);border-color:var(--border-light);background:#f4f5f7}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s}.hover-shadow:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-4px)}.tool-card{text-align:center;height:100%;padding:1.5rem}.form-control,.form-select{border-radius:var(--radius-md);border:1px solid var(--border-light);padding:.75rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4e44e626}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);height:56px;background-color:#fffffff2!important}.navbar-brand{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-link{font-weight:400;color:#000!important}.nav-link:hover{color:var(--primary-color)!important}.transition{transition:transform .2s}.rotate-180{transform:rotate(180deg)}.container-main{max-width:1140px;margin:0 auto;padding:0 1rem}.mega-menu{position:static!important}.mega-menu-dropdown{border:none;border-top:1px solid var(--border-light);border-radius:0 0 12px 12px;width:100%;margin-top:0;padding:2rem 0;left:0;right:0;box-shadow:0 10px 40px #00000014}.tool-icon-square{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.icon-red{color:#ff4d4d;background-color:#ffeaea}.icon-blue{color:#06f;background-color:#e6f0ff}.icon-purple{color:#884dff;background-color:#f3e6ff}.icon-green{color:#0c9;background-color:#e6fffa}.icon-yellow{color:#fc0;background-color:#fff9e6}.icon-orange{color:#ff8533;background-color:#fff0e6}.icon-indigo{color:#6366f1;background-color:#eef2ff}.icon-cyan{color:#009688;background-color:#e0f2f1}.icon-pink{color:#e91e63;background-color:#fce4ec}.hover-bg-light{border-radius:6px;transition:background-color .2s}.hover-bg-light:hover{background-color:#f4f5f7}.nav-tool-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.bg-tool-purple{color:#fff;background-color:#5c56e0}.bg-tool-red{color:#fff;background-color:#ff4d4d}.bg-tool-blue{color:#fff;background-color:#3b82f6}.bg-tool-green{color:#fff;background-color:#00b894}.bg-tool-indigo{color:#fff;background-color:#4e44e6}.tool-header-title{color:#172b4d;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.tool-stage{border-radius:12px;justify-content:center;align-items:center;min-height:400px;padding:3rem 1rem;display:flex}.tool-stage .file-uploader-box{background:#fff;border:none;box-shadow:0 10px 30px #00000026}