@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--bg-main: #0b0f19;--bg-card: #151d30;--bg-card-hover: #1b263e;--border-color: #24324f;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .15);--accent: #d946ef;--accent-hover: #c084fc;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Plus Jakarta Sans", "Outfit", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .5);--radius-lg: 16px;--radius-md: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background-color:#0b0f19cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-weight:700;font-size:1.5rem;color:var(--text-primary);text-decoration:none;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:var(--transition-smooth)}.nav-links a:hover{color:var(--primary)}.ad-slot{background-color:#f3f4f6;border:1px dashed #9ca3af;border-radius:var(--radius-md);display:block;padding:1.5rem 0;color:#374151;font-family:var(--font-mono);font-size:.8rem;margin:1.5rem auto;text-align:center}.ad-top{width:100%;max-width:728px;min-height:90px;height:90px}.ad-sidebar{width:300px;min-height:600px;height:600px;position:sticky;top:90px}.ad-bottom{width:100%;max-width:728px;min-height:90px;height:90px}.container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.hero-section{text-align:center;margin-bottom:3rem}.hero-section h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff 40%,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section p{color:var(--text-secondary);font-size:1.15rem;max-width:600px;margin:0 auto}.two-column-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.two-column-layout>*{min-width:0}@media (min-width: 1024px){.two-column-layout{grid-template-columns:7fr 3fr}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-premium)}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-decoration:none;color:inherit;transition:var(--transition-smooth);display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,var(--primary-glow),transparent 60%);opacity:0;transition:var(--transition-smooth)}.tool-card:hover{transform:translateY(-4px);border-color:var(--primary);background-color:var(--bg-card-hover)}.tool-card:hover:before{opacity:1}.tool-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);margin-bottom:.5rem}.tool-card:hover .tool-icon{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent;box-shadow:0 0 15px #6366f166;transform:translateY(-2px)}.tool-card h3{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:600;color:var(--text-primary)}.tool-card p{color:var(--text-secondary);font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:4rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background-color:#0b0f1999;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{resize:vertical;min-height:120px}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition-smooth);background-color:#0b0f1933}.file-upload-area:hover,.file-upload-area.drag-over{border-color:var(--primary);background-color:var(--primary-glow)}.file-upload-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;width:100%}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 0 20px #6366f166}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.output-pre{background-color:#080c14;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;font-family:var(--font-mono);font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:#a7f3d0;max-height:500px}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;transition:var(--transition-smooth)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.seo-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.seo-section h2{font-family:Outfit,sans-serif;font-size:1.75rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.seo-section h3{font-family:Outfit,sans-serif;font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.seo-section p{color:var(--text-secondary);margin-bottom:1rem}.seo-section ul,.seo-section ol{margin-left:1.5rem;margin-bottom:1.5rem;color:var(--text-secondary)}footer{margin-top:5rem;padding:3rem 2rem;border-top:1px solid var(--border-color);text-align:center;background-color:#080c14}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition-smooth)}.footer-links a:hover{color:var(--primary)}footer p{color:var(--text-muted);font-size:.85rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid-cols-2{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.grid-cols-2{grid-template-columns:1fr 1fr}}.margin-top-md{margin-top:1rem}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}