:root{--primary:#3B82F6;--primary-light:#60A5FA;--primary-dark:#2563EB;--secondary:#8B5CF6;--accent:#06B6D4;--bg:#0F172A;--bg-alt:#1E293B;--surface:#1E293B;--text:#F1F5F9;--text-secondary:#94A3B8;--text-muted:#64748B;--border:#334155;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 4px 6px rgba(0,0,0,.3);--shadow-md:0 6px 12px rgba(0,0,0,.4);--shadow-lg:0 10px 20px rgba(0,0,0,.5);--shadow-xl:0 20px 30px rgba(0,0,0,.6);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif;--nav-height:70px;--transition:.3s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;transition:background var(--transition),color var(--transition);overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:clamp(1.3rem,2.5vw,1.6rem)}a{color:var(--primary-light);text-decoration:none}a:hover{color:#fff}.container{max-width:1280px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-weight:600;font-size:.95rem;transition:all var(--transition);white-space:nowrap;text-decoration:none;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px rgba(59,130,246,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.45);color:#fff}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:#fff}.section{padding:80px 0}@media(max-width:768px){.section{padding:50px 0}}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;justify-content:center}.cat-section{margin-bottom:60px}.cat-section h2{margin-bottom:24px;text-align:center;color:var(--primary-light)}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;transition:all var(--transition);cursor:pointer;position:relative;display:block;color:inherit;text-decoration:none}.tool-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.tool-card .tool-icon{width:50px;height:50px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}.tool-card h3{margin-bottom:6px;font-size:1.1rem;color:var(--text)}.tool-card p{color:var(--text-muted);font-size:.88rem}.nav{position:sticky;top:0;z-index:1000;background:rgba(30,41,59,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:var(--nav-height)}.nav.scrolled{box-shadow:var(--shadow-md)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:#fff;text-decoration:none}.logo-icon{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--secondary));padding:5px 12px;border-radius:8px;margin-right:8px;color:#fff;font-weight:800}.nav-links{display:flex;gap:6px;list-style:none}.nav-links a{padding:8px 14px;border-radius:50px;font-weight:500;font-size:.9rem;color:var(--text-secondary);display:block;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff;background:rgba(59,130,246,.06)}.mega-parent{position:relative}.mega-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-width:700px;opacity:0;visibility:hidden;transition:all var(--transition);z-index:999}.mega-parent:hover .mega-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-col h4{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.mega-col a{display:block;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;text-decoration:none}.mega-col a:hover{background:rgba(59,130,246,.06);color:#fff}.theme-toggle,.search-trigger{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.theme-toggle:hover{transform:rotate(15deg)}.hamburger{display:none;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;z-index:1001}.hamburger span{width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}@media(max-width:1024px){.nav-links{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--surface);padding:20px;gap:4px;overflow-y:auto;z-index:999;box-shadow:var(--shadow-2xl);flex-direction:column}.nav-links.mobile-open{display:flex}.hamburger{display:flex}.mega-dropdown{position:static;transform:none;box-shadow:none;opacity:1;visibility:visible;display:none;min-width:0;padding:10px 0 0 20px}.mega-parent.active .mega-dropdown{display:block}}.hero{position:relative;padding:100px 20px;overflow:hidden;background:linear-gradient(180deg,var(--bg),var(--bg-alt));text-align:center}.hero h1{font-size:3rem;font-weight:800}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero p{color:var(--text-secondary);max-width:600px;margin:20px auto;font-size:1.1rem}.footer{background:var(--surface);border-top:2px solid var(--border);padding:20px 0 15px;text-align:center}.footer-legal{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:10px}.footer-legal a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--primary-light)}.sep{color:var(--text-muted)}.footer-bottom{font-size:.8rem;color:var(--text-muted);margin-top:5px}.tool-interface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;margin-bottom:40px}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--bg);color:var(--text)}.result-box{background:var(--bg-alt);border-radius:var(--radius-lg);padding:20px;margin-top:20px;font-weight:700;text-align:center;color:var(--primary-light);word-break:break-word;border:1px solid var(--primary-light);box-shadow:0 4px 15px rgba(59,130,246,0.2)}.back-to-top{position:fixed;bottom:30px;right:30px;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition);z-index:900;border:none}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-dark)}.search-overlay{position:fixed;inset:0;background:rgba(15,23,42,.7);z-index:2000;align-items:flex-start;justify-content:center;padding-top:100px;display:none}.search-modal{background:var(--surface);border-radius:var(--radius-xl);width:90%;max-width:600px;box-shadow:var(--shadow-2xl)}.search-modal input{width:100%;padding:18px 24px;border:none;font-size:1.1rem;background:transparent;color:var(--text);border-bottom:1px solid var(--border)}#searchResults{max-height:400px;overflow-y:auto;padding:12px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--text-muted);margin:20px 0;flex-wrap:wrap}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary-light)}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.tool-row{grid-template-columns:1fr}}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;background:var(--surface)}.faq-question{width:100%;padding:18px 24px;background:none;text-align:left;font-weight:600;font-size:1rem;color:var(--text);display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;font-family:var(--font-body)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;padding:0 24px}.faq-item.open .faq-answer{max-height:300px;padding:0 24px 18px}.faq-answer p{color:var(--text-secondary)}.article-section{margin-top:40px}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;margin-bottom:20px}.article-card h3{font-size:1.4rem;margin-bottom:12px}.article-card p{color:var(--text-secondary);line-height:1.8}