:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--bg-darker:#060913;--bg-main:#0a0f1d;--bg-card:#0d1426bf;--bg-card-hover:#141e38d9;--bg-input:#0f172a;--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--accent-cyan:#06b6d4;--accent-cyan-rgb:6, 182, 212;--accent-purple:#8b5cf6;--accent-purple-rgb:139, 92, 246;--accent-emerald:#10b981;--accent-emerald-rgb:16, 185, 129;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-glow-cyan:0 0 15px #06b6d440;--shadow-glow-purple:0 0 15px #8b5cf640;--shadow-glow-emerald:0 0 15px #10b98133;--shadow-card:0 10px 30px -10px #00000080;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d40d 0%,#0000 45%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:var(--border-hover)}.glass-panel-interactive:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #0009}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary);line-height:1.6}code,pre{font-family:var(--font-mono);font-size:.9em}.glowing-button{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#020617;font-family:var(--font-sans);cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.02em;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #06b6d440}.glowing-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 25px #8b5cf666}.glowing-button:active:not(:disabled){transform:translateY(1px)}.glowing-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button{color:var(--text-primary);border:1px solid var(--border-subtle);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;padding:11px 22px;font-weight:600;display:inline-flex}.secondary-button:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.text-link{color:var(--accent-cyan);transition:color var(--transition-fast);cursor:pointer;font-weight:500;text-decoration:none}.text-link:hover{color:var(--accent-purple);text-decoration:underline}.form-group{margin-bottom:20px;position:relative}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);outline:none}.form-group:focus-within .form-label{color:var(--accent-cyan)}.toggle-container{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.toggle-option{color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-sans);transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:8px 16px}.toggle-option.active{color:var(--text-primary);background:linear-gradient(135deg,#06b6d426,#8b5cf626);border:1px solid #06b6d44d;box-shadow:0 2px 10px #0003}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#06b6d41a;border:1px solid #06b6d433}.badge-purple{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633}.badge-emerald{color:var(--accent-emerald);box-shadow:var(--shadow-glow-emerald);background:#10b9811a;border:1px solid #10b98133}.badge-rose{color:var(--accent-rose);background:#f43f5e1a;border:1px solid #f43f5e33}.badge-amber{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b33}.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}@media (width>=768px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.table-container{border:1px solid var(--border-subtle);background:#04071266;border-radius:12px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;padding:14px 18px;font-size:.8rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:16px 18px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff03}.spinner{border:2px solid #ffffff1a;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.navbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#060913cc;height:70px;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-logo{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}