@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--bg:#f8fafc;--surface:#ffffff;--surface-alt:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--accent:#f97316;--accent-light:#ffedd5;--gradient-1:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-2:linear-gradient(135deg, #f97316 0%, #ef4444 100%);--gradient-hero:linear-gradient(160deg, #eff6ff 0%, #ffffff 50%, #fef2f2 100%);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.05);--shadow-xl:0 20px 40px -10px rgba(0,0,0,0.1), 0 12px 20px -8px rgba(0,0,0,0.06);--shadow-2xl:0 30px 60px -15px rgba(0,0,0,0.12);--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.site-header{background:rgb(255 255 255/.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner,.site-logo{display:flex;align-items:center}.header-inner{max-width:1280px;margin:0 auto;padding:0 28px;justify-content:space-between;height:72px}.site-logo{gap:12px;text-decoration:none;font-weight:800;font-size:1.6rem;color:var(--text-primary);letter-spacing:-.5px}.logo-icon,.logo-text{background:var(--gradient-1)}.logo-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 8px 16px -6px rgb(37 99 235/.4);flex-shrink:0}.logo-text{font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.nav-links{display:flex;gap:6px;align-items:center}.hero p,.nav-links a{color:var(--text-secondary)}.nav-links a{text-decoration:none;padding:8px 16px;border-radius:30px;font-size:.9rem;font-weight:500;transition:var(--transition)}.nav-links a:hover{background:var(--surface-alt);color:var(--primary)}.nav-links a.current-page{color:var(--primary);font-weight:600}.mobile-menu-btn{display:none;background:0 0;border:0;font-size:1.8rem;cursor:pointer;color:var(--text-primary);padding:4px}.hero{background:var(--gradient-hero);padding:64px 24px 48px;text-align:center;position:relative;overflow:hidden}.hero::after,.hero::before{content:"";position:absolute;border-radius:50%;z-index:0}.hero::before{top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgb(37 99 235/.08)0,transparent 70%)}.hero::after{bottom:-120px;left:-120px;width:400px;height:400px;background:radial-gradient(circle,rgb(249 115 22/.06)0,transparent 70%)}.hero-content{position:relative;z-index:1}.content-card h2,.hero h1{font-weight:800;margin-bottom:16px}.hero h1{font-size:3.2rem;letter-spacing:-1.5px;line-height:1.15}.hero h1 .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.hero p{font-size:1.2rem;max-width:650px;margin:0 auto 28px}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgb(255 255 255/.8);backdrop-filter:blur(10px);border:1px solid var(--border);padding:8px 18px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:20px}.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:24px;color:var(--text-muted);font-size:.9rem}.hero-stats strong,.tool-card h3{font-weight:700;color:var(--text-primary)}.hero-stats strong{display:block;font-size:1.5rem}.main-container{max-width:1280px;margin:0 auto;padding:32px 28px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:48px}.tool-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px 20px;cursor:pointer;transition:all .35s cubic-bezier(.25,.8,.25,1.2);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.tool-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-1);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.tool-card:hover::after{transform:scaleX(1)}.tool-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.tool-card .tool-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.7rem;background:var(--surface-alt);transition:var(--transition)}.nav-links a.current-page,.tool-card:hover .tool-icon{background:var(--primary-light)}.tool-card h3{font-size:1rem;margin-bottom:4px}.tool-card p{font-size:.8rem;color:var(--text-muted)}.tool-card .badge{position:absolute;top:14px;right:14px;background:var(--accent);color:#fff;font-size:.65rem;padding:3px 10px;border-radius:20px;font-weight:700;box-shadow:0 4px 10px rgb(249 115 22/.3)}.tool-workspace{background:rgb(255 255 255/.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:36px 32px;border:1px solid rgb(255 255 255/.6)}.content-section{max-width:1280px;margin:0 auto;padding:40px 28px}.content-card{background:var(--surface);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);margin-bottom:24px;border:1px solid var(--border-light)}.content-card h2{font-size:1.8rem}.content-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:10px}.site-footer{background:#0b1120;color:#cbd5e1;padding:60px 28px 30px;margin-top:auto;position:relative;overflow:hidden}.site-footer::after,.site-footer::before{content:"";position:absolute;border-radius:50%;z-index:0}.site-footer::before{top:-30px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,rgb(37 99 235/.15)0,transparent 70%)}.site-footer::after{bottom:-50px;right:-40px;width:250px;height:250px;background:radial-gradient(circle,rgb(249 115 22/.1)0,transparent 70%)}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;position:relative;z-index:1}.footer-col h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:20px;letter-spacing:-.2px}.footer-col a,.footer-col p{color:#94a3b8;font-size:.9rem;display:block;margin-bottom:10px}.footer-col a:hover{color:#60a5fa}.social-links{display:flex;gap:12px;margin-top:16px}.footer-col a,.footer-col p,.social-link{text-decoration:none;transition:var(--transition)}.social-link{width:40px;height:40px;border-radius:50%;background:rgb(255 255 255/.05);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:1.2rem;border:1px solid rgb(255 255 255/.08)}.social-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgb(37 99 235/.4)}.footer-newsletter{display:flex;gap:8px;margin-top:16px}.footer-newsletter input{flex:1;padding:10px 14px;border-radius:25px;border:1px solid rgb(255 255 255/.1);background:rgb(255 255 255/.05);color:#fff;font-family:inherit;font-size:.85rem}.footer-newsletter input::placeholder{color:#64748b}.footer-newsletter button{padding:10px 18px;border-radius:25px;background:var(--gradient-1);border:0;color:#fff;font-weight:600;cursor:pointer;transition:var(--transition)}.footer-newsletter button:hover{opacity:.9}.footer-bottom{max-width:1280px;margin:30px auto 0;padding-top:24px;border-top:1px solid #1e293b;text-align:center;font-size:.85rem;color:#64748b;position:relative;z-index:1}.toast{position:fixed;bottom:30px;right:30px;background:#0f172a;color:#fff;padding:14px 24px;border-radius:30px;font-weight:600;font-size:.9rem;z-index:999;box-shadow:var(--shadow-2xl);animation:slideUp .4s ease;display:none}@media (max-width:768px){.hero h1{font-size:2.2rem}.tools-grid{grid-template-columns:repeat(2,1fr)}.mobile-menu-btn{display:block}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:72px;left:0;right:0;background:rgb(255 255 255/.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.nav-links a{padding:13px 16px;border-radius:var(--radius-sm);font-size:1rem;width:100%}.nav-links a:active{background:var(--surface-alt)}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{padding:16px 12px}.hero-stats{gap:20px}}a.tool-card{color:inherit;display:block}a.tool-card,a.tool-card:hover{text-decoration:none}