@font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:25%;line-gap-override:0%}:root{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#4f46e5;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);--border-color:#e2e8f0;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 255, 255, 0.3);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.1)}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-gradient:linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--border-color:#334155;--glass-bg:rgba(30, 41, 59, 0.8);--glass-border:rgba(71, 85, 105, 0.3);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4),0 2px 4px -2px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.4),0 4px 6px -4px rgba(0, 0, 0, 0.3);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.5),0 8px 10px -6px rgba(0, 0, 0, 0.4)}*{transition:background-color .3s,border-color .3s,color .3s}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,'Inter Fallback',system-ui,-apple-system,sans-serif}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;box-shadow:var(--shadow-lg)}.glass-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-accent{background:var(--accent-gradient);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:var(--shadow-md);transition:.2s}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-accent:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:1px solid var(--border-color);transition:.2s}.btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:.3s;cursor:pointer}.tool-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tool-card:hover .tool-icon{transform:scale(1.1)}.tool-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--accent-gradient);color:#fff;transition:transform .3s}.theme-toggle{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:.2s}.theme-toggle:hover{background:var(--bg-tertiary);transform:rotate(15deg)}.header{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:.2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent-primary);background:rgba(99,102,241,.1)}.hero-bg{background:radial-gradient(ellipse at top,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.1) 0,transparent 50%)}.dark .hero-bg{background:radial-gradient(ellipse at top,rgba(129,140,248,.2) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(167,139,250,.15) 0,transparent 50%)}.feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.feature-badge svg{color:var(--accent-primary)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.mobile-menu{position:fixed;inset:0;background:var(--bg-primary);z-index:50;transform:translateX(100%);transition:transform .3s}.mobile-menu.active{transform:translateX(0)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 40px rgba(99,102,241,.5)}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeIn}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}.fade-in-delay-4{animation-delay:.4s;opacity:0}