@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap");:root{--bg-body:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-input:#fff;--border-light:#e2e8f0;--border-hover:#cbd5e1;--border-accent:#6366f1;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--accent-purple:#8b5cf6;--accent-sky:#0284c7;--accent-emerald:#10b981;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-xl:16px;--radius-lg:12px;--radius-md:8px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-card:0 4px 20px -2px rgba(15,23,42,.05),0 2px 6px -1px rgba(15,23,42,.02);--shadow-hover:0 12px 30px -4px rgba(15,23,42,.08),0 4px 12px -2px rgba(15,23,42,.04)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.portal-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 6rem}.hero-banner{background:linear-gradient(135deg,#eef2ff,#faf5ff 50%,#f0f9ff);border:1px solid #e0e7ff;border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}h1{font-size:2.5rem;font-weight:800;color:var(--text-main);line-height:1.2;letter-spacing:-.03em}h2{font-size:1.4rem;letter-spacing:-.015em}h2,h3{font-weight:700;color:var(--text-main)}h3{font-size:1.1rem}.stat-pill-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;gap:1rem}@media (max-width:1024px){.stat-pill-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.stat-pill-grid{grid-template-columns:repeat(2,1fr)}}.stat-pill{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem 1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease}.stat-pill:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-1px)}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.stat-value{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--text-main);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value-primary{color:var(--primary)}.editor-surface{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-card)}.editor-textarea{width:100%;min-height:360px;background-color:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-main);font-family:var(--font-sans);font-size:1.1rem;line-height:1.7;padding:1.5rem;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.editor-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,70,229,.1)}.editor-textarea::placeholder{color:var(--text-subtle)}.filter-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:9999px;font-size:.85rem;font-weight:600;border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.filter-tab:hover{border-color:var(--border-hover);color:var(--text-main)}.filter-tab-active{background:var(--primary);border-color:var(--primary);color:#fff!important;box-shadow:0 4px 12px rgba(79,70,229,.25)}.tool-tile{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-card);transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.tool-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.btn-ui{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;padding:.65rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all .15s ease}.btn-ui:hover{background-color:var(--bg-subtle);border-color:var(--border-hover)}.btn-ui-primary{background-color:var(--primary);border-color:var(--primary);color:#fff!important;box-shadow:0 2px 8px rgba(79,70,229,.25)}.btn-ui-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-ui-danger{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-ui-danger:hover{background-color:#fee2e2;border-color:#fca5a5}