@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-heading:"Space Grotesk", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-dark-950:#0d0f12;--bg-dark-900:#14171d;--bg-dark-800:#1b1f27;--bg-dark-700:#252b36;--primary:#a3b3c9;--primary-glow:#a3b3c91f;--secondary:#4a5568;--secondary-glow:#4a55681a;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--border-glow:#ffffff0d;--border-neon:#a3b3c959;--skeuo-bg-metal:linear-gradient(135deg, #1b2028 0%, #11141a 50%, #0a0c10 100%);--skeuo-convex:linear-gradient(180deg, #242a35 0%, #181c24 50%, #12151b 100%);--skeuo-concave:linear-gradient(180deg, #0a0c10 0%, #0f1217 50%, #161920 100%);--skeuo-btn-primary:linear-gradient(180deg, #3d4654 0%, #282f3a 50%, #1c212a 100%);--skeuo-btn-primary-active:linear-gradient(180deg, #15181f 0%, #222832 100%);--skeuo-btn-secondary:linear-gradient(180deg, #2a313c 0%, #1a1f26 50%, #12161b 100%);--skeuo-btn-secondary-active:linear-gradient(180deg, #0a0c10 0%, #171c22 100%);--skeuo-bevel-light:inset 0 1.5px 0 0 #ffffff14, inset 1.5px 0 0 0 #ffffff0d;--skeuo-bevel-dark:inset 0 -1.5px 0 0 #00000080, inset -1.5px 0 0 0 #0000004d;--skeuo-shadow-drop:0 5px 12px 0 #00000080, 0 2px 4px 0 #00000059;--skeuo-shadow-inset:inset 0 3px 6px 0 #0000008c, inset 0 1px 2px 0 #00000059;--led-glow-green:0 0 8px 2px #10b98199;--led-glow-red:0 0 8px 2px #f43f5e99;--led-glow-blue:0 0 8px 2px #0ea5e999;--glass-bg:#14171dd9;--glass-border:#ffffff0d;--glass-blur:blur(12px);--bg-gradient-overlay:linear-gradient(#0d0f12bf, #0d0f12e6);--bg-image:var(--bg-gradient-overlay), url(/cracked_cement_texture.webp)}.skeuo-panel{background:var(--skeuo-bg-metal);box-shadow:var(--skeuo-shadow-drop);border:1px solid var(--bg-dark-800);border-radius:16px;position:relative;overflow:hidden}.skeuo-panel:before{content:"";pointer-events:none;opacity:.7;background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:8px 8px;position:absolute;inset:0}.skeuo-inset{background:var(--skeuo-concave)!important;box-shadow:var(--skeuo-shadow-inset)!important;border:1px solid #0000004d!important;border-top-color:#00000080!important}.skeuo-card,.card-3d,.tool-card,.bento-item,.profile-sidebar-card,.modal-content,.auth-modal-content,.compare-drawer{transform-style:preserve-3d;border-radius:12px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);background:var(--skeuo-convex)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop)!important;border:1px solid var(--bg-dark-900)!important}.skeuo-card:hover,.card-3d:hover,.tool-card:hover,.bento-item:hover{box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), 0 8px 20px 0 #0000008c!important;transform:translateY(-2px)translateZ(8px)!important}.skeuo-card:active,.card-3d:active,.tool-card:active{box-shadow:var(--skeuo-shadow-inset)!important;transform:translateY(1.5px)translateZ(0)!important}.skeuo-btn,.btn-primary,.btn-secondary,.hero-search-btn{cursor:pointer;transform-style:preserve-3d;justify-content:center;align-items:center;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop)!important;border:1px solid var(--bg-dark-900)!important;border-radius:8px!important}.btn-primary,.hero-search-btn{background:var(--skeuo-btn-primary)!important;color:var(--text-primary)!important}.btn-primary:active,.hero-search-btn:active{background:var(--skeuo-btn-primary-active)!important;box-shadow:var(--skeuo-shadow-inset)!important;transform:translateY(1.5px)translateZ(0)!important}.btn-secondary{background:var(--skeuo-btn-secondary)!important;color:var(--text-secondary)!important}.btn-secondary:active{background:var(--skeuo-btn-secondary-active)!important;box-shadow:var(--skeuo-shadow-inset)!important;transform:translateY(1.5px)translateZ(0)!important}.btn-danger{color:#fff!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), 0 4px 10px #ef44444d!important;background:linear-gradient(#ef4444 0%,#dc2626 50%,#991b1b 100%)!important;border:1px solid #7f1d1d!important}.btn-danger:active{box-shadow:var(--skeuo-shadow-inset)!important;background:linear-gradient(#7f1d1d 0%,#b91c1c 100%)!important;transform:translateY(1.5px)translateZ(0)!important}.led-indicator{background-color:var(--bg-dark-700);vertical-align:middle;border-radius:50%;width:8px;height:8px;transition:all .3s;display:inline-block;box-shadow:inset 0 1px 2px #000c}.led-indicator.led-green{box-shadow:var(--led-glow-green), inset 0 1px 1px #fff6;background:radial-gradient(circle,#22c55e 20%,#15803d 85%)}.led-indicator.led-red{box-shadow:var(--led-glow-red), inset 0 1px 1px #fff6;background:radial-gradient(circle,#ef4444 20%,#b91c1c 85%)}.led-indicator.led-blue{box-shadow:var(--led-glow-blue), inset 0 1px 1px #fff6;background:radial-gradient(circle,#0ea5e9 20%,#0369a1 85%)}.skeuo-screw{z-index:10;background:radial-gradient(circle,#475569 20%,#1e293b 80%);border:1.5px solid #0f172a;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 1px 1px #ffffff12,inset 0 1px 1px #000c}.skeuo-screw:after{content:"";background:#0f172a;width:6px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}input,textarea,select{padding:8px 12px;background:var(--skeuo-concave)!important;box-shadow:var(--skeuo-shadow-inset)!important;color:var(--text-primary)!important;border:1px solid #0006!important;border-top-color:#0009!important;border-radius:6px!important}option{color:#e2e8f0!important;background-color:#161920!important}:root[data-theme=light] option{color:#1e1b4b!important;background-color:#fff!important}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:var(--skeuo-shadow-inset), 0 0 5px #a3b3c933!important}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-dark-950);background-image:var(--bg-image);background-repeat:repeat;background-size:512px;background-attachment:fixed}html,body{color:var(--text-primary);font-family:var(--font-body);scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}body{background:0 0;min-height:100vh;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark-950)}::-webkit-scrollbar-thumb{background:var(--bg-dark-800);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:inherit;text-decoration:none}input,button,select,textarea{background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer}.bg-glow-container{z-index:-10;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-glow-blob{filter:blur(140px);opacity:.12;border-radius:50%;animation:25s ease-in-out infinite float;position:absolute}.blob-purple{background:var(--primary);opacity:.05;width:500px;height:500px;animation-delay:0s;top:-10%;right:-5%}.blob-cyan{background:var(--secondary);opacity:.05;width:600px;height:600px;animation-delay:5s;bottom:-15%;left:-5%}.blob-emerald{background:var(--accent-emerald);opacity:.02;width:400px;height:400px;animation:30s ease-in-out infinite alternate float;top:40%;left:50%;transform:translate(-50%,-50%)}.bg-grid-overlay{z-index:-9;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 95%);mask-image:radial-gradient(circle,#000 40%,#0000 95%)}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,-40px)scale(1.15)}to{transform:translate(0)scale(1)}}@keyframes spin-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes pulse-cyan{0%{box-shadow:0 0 #06b6d466}70%{box-shadow:0 0 0 10px #06b6d400}to{box-shadow:0 0 #06b6d400}}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px}.neon-border{position:relative}.neon-border:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-mask-composite:xor;pointer-events:none;opacity:.3;transition:opacity var(--transition-normal);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.neon-border:hover:after{opacity:1}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 24px}.scroll-animate{opacity:0;will-change:transform, opacity;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)perspective(1000px)rotateX(10deg)}.scroll-animate.animated{opacity:1;transform:translateY(0)perspective(1000px)rotateX(0)}.slide-in-left{opacity:0;will-change:transform, opacity;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translate(-40px)perspective(1000px)rotateY(-8deg)}.slide-in-left.animated{opacity:1;transform:translate(0)perspective(1000px)rotateY(0)}.scale-up{opacity:0;will-change:transform, opacity;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(.94)translateZ(-50px)perspective(1000px)}.scale-up.animated{opacity:1;transform:scale(1)translateZ(0)perspective(1000px)}@media (prefers-reduced-motion:reduce){.scroll-animate,.slide-in-left,.scale-up{transition:opacity .3s!important;transform:none!important}}.header{z-index:100;width:calc(100% - 32px);max-width:1400px;height:72px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);will-change:transform;background-color:#090b0eb8;border-radius:16px;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s,opacity .3s,box-shadow .3s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0d}.header.header-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-110px)}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-wrapper{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));width:40px;height:40px;font-weight:700;font-family:var(--font-heading);box-shadow:0 0 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.header-search{background:var(--bg-dark-800);border:1px solid var(--glass-border);width:320px;transition:border var(--transition-fast);border-radius:30px;align-items:center;gap:10px;padding:8px 16px;display:flex}.header-search:focus-within{border-color:var(--primary)}.header-search input{color:var(--text-primary);width:100%;font-size:.9rem}.header-search input::placeholder{color:var(--text-muted)}.header-nav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text-primary);text-shadow:0 0 10px #fff3}.btn-primary{transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow var(--transition-fast);will-change:transform;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);border-radius:10px;padding:10px 20px;font-weight:600;box-shadow:0 4px 15px #ffffff14;color:#0f172a!important}.btn-primary:hover{transform:translateY(-3px)translateZ(8px);box-shadow:0 8px 20px #ffffff29,0 0 15px #ffffff1a}.btn-primary:active{transform:translateY(-1px)translateZ(2px);box-shadow:0 3px 8px #ffffff0f}.btn-secondary{transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16, 1, .3, 1), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);will-change:transform;border-radius:10px;font-weight:600;border:1px solid var(--glass-border)!important;color:#fff!important;background:#ffffff08!important}.btn-secondary:hover{transform:translateY(-3px)translateZ(8px);box-shadow:0 8px 20px #ffffff0f;background:#ffffff14!important;border-color:#fff3!important}.btn-secondary:active{transform:translateY(-1px)translateZ(2px)}.card-3d{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .15s ease-out, box-shadow var(--transition-normal), border-color var(--transition-normal);will-change:transform}.db-badge{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:flex}.db-dot{border-radius:50%;width:8px;height:8px}.db-dot.connected{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:2s infinite pulse-emerald}.db-dot.mock{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}@keyframes pulse-emerald{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}.hero{text-align:center;padding:140px 0 130px;position:relative}.hero-tag{color:#fff;letter-spacing:2px;text-transform:uppercase;transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.85rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 15px #ffffff08,inset 0 0 10px #ffffff05}.hero-tag:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:50%;height:100%;animation:4s ease-in-out infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}20%,to{left:200%}}.hero-tag .glow-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #fff,0 0 15px #fff}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #fff,0 0 20px #fff}}.hero-title{font-family:var(--font-heading);letter-spacing:-2px;margin-bottom:20px;font-size:4rem;font-weight:700;line-height:1.1}@media (width<=768px){.hero-title{font-size:2.5rem}}.hero-glow-text{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block;position:relative}.hero-subtitle{color:var(--text-secondary);max-width:600px;min-height:40px;margin:0 auto 40px;font-size:1.25rem}.typing-container{border-right:2px solid var(--secondary);white-space:nowrap;animation:.75s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{border-color:#0000}50%{border-color:var(--secondary)}}.hero-search-wrapper{z-index:20;max-width:650px;margin:0 auto 60px;position:relative}.hero-search-bar{transition:all var(--transition-normal);z-index:10;background:#111827cc;border:1px solid #ffffff14;border-radius:40px;align-items:center;padding:8px 12px 8px 24px;display:flex;position:relative;box-shadow:0 20px 40px #0006,0 0 0 1px #f1f5f926}.hero-search-bar:focus-within{border-color:var(--primary);box-shadow:0 20px 40px #ffffff14, 0 0 15px var(--primary-glow)}.hero-search-bar input{color:#fff;width:100%;height:48px;font-size:1.1rem}.hero-search-bar input::placeholder{color:var(--text-muted)}.hero-search-btn{color:#0f172a;height:48px;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow var(--transition-fast);will-change:transform;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);border-radius:30px;align-items:center;gap:8px;padding:0 28px;font-weight:600;display:flex;box-shadow:0 4px 12px #ffffff14}.hero-search-btn:hover{transform:translateY(-3px)translateZ(8px);box-shadow:0 8px 20px #ffffff29,0 0 15px #ffffff14}.hero-search-btn:active{transform:translateY(-1px)translateZ(2px);box-shadow:0 3px 8px #ffffff0f}.search-suggestions{z-index:999;text-align:left;background:#0f1013;border:1px solid #ffffff14;border-top:none;border-radius:0 0 24px 24px;width:100%;max-height:320px;padding:12px 0;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 20px 40px #00000080}.search-suggestions::-webkit-scrollbar{width:6px}.search-suggestions::-webkit-scrollbar-track{background:0 0}.search-suggestions::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.search-suggestions::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.suggestion-item{cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.suggestion-item:hover{background:#ffffff0d}.suggestion-name{color:var(--text-primary);font-weight:600}.suggestion-tagline{color:var(--text-muted);font-size:.8rem}.suggestion-cat{color:#cbd5e1;background:#f1f5f91a;border-radius:12px;padding:2px 8px;font-size:.75rem}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-top:35px;display:flex}.stat-item{background:var(--skeuo-convex);width:130px;height:130px;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop);border:1px solid var(--bg-dark-900);text-align:center;transform-style:preserve-3d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:transform .2s;display:flex;position:relative}.stat-item:hover{transform:scale(1.05)translateZ(5px)}.stat-item:after{content:"";pointer-events:none;border:1.5px dashed #ffffff0d;border-radius:50%;position:absolute;inset:5px}:root[data-theme=light] .stat-item:after{border-color:#00000014}.stat-number{font-family:var(--font-heading);color:var(--text-primary);text-shadow:0 2px 4px #0000004d;z-index:2;margin-bottom:2px;font-size:1.8rem;font-weight:700}:root[data-theme=light] .stat-number{text-shadow:none}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;z-index:2;font-size:.7rem;font-weight:600}.main-layout{grid-template-columns:280px 1fr;gap:40px;padding-bottom:100px;display:grid}@media (width<=1024px){.main-layout{grid-template-columns:1fr}}.sidebar-filters{flex-direction:column;gap:28px;height:fit-content;padding:28px;display:flex;position:sticky;top:100px}.filter-section-title{font-family:var(--font-heading);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.filter-list{flex-direction:column;gap:12px;display:flex}.filter-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.9rem;display:flex}.filter-checkbox-label input{appearance:none;cursor:pointer;width:34px;height:18px;transition:all .2s;position:relative;background:var(--skeuo-concave)!important;box-shadow:var(--skeuo-shadow-inset)!important;border:1px solid #0006!important;border-top-color:#0009!important;border-radius:9px!important;padding:0!important}.filter-checkbox-label input:before{content:"";background:var(--skeuo-convex);width:14px;height:14px;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), 0 1px 3px #0006;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s;position:absolute;top:1px;left:2px;transform:none!important}.filter-checkbox-label input:checked{border-color:#00000080!important}.filter-checkbox-label input:checked:before{box-shadow:var(--led-glow-green), inset 0 1px 1px #fff6!important;background:radial-gradient(circle,#22c55e 20%,#15803d 85%)!important;transform:translate(14px)!important}.filter-checkbox-label:hover{color:var(--text-primary)}.category-badges-container{gap:10px;margin-bottom:24px;padding:4px 0 16px;display:flex;overflow-x:auto}.category-badge{background:var(--skeuo-btn-secondary);box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);transform-style:preserve-3d;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex;border:1px solid var(--bg-dark-900)!important}.category-badge:hover{color:var(--text-primary);transform:translateY(-1px)translateZ(3px)}.category-badge.active{background:var(--skeuo-btn-secondary-active)!important;box-shadow:var(--skeuo-shadow-inset)!important;color:var(--text-primary)!important;transform:translateY(1px)translateZ(0)!important}.category-badge.active:before{content:"";width:6px;height:6px;box-shadow:var(--led-glow-blue);background:radial-gradient(circle,#0ea5e9 20%,#0369a1 85%);border-radius:50%;display:inline-block}.catalog-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.results-count{color:var(--text-secondary);font-size:.95rem}.results-count span{color:#fff;font-weight:700}.sort-wrapper{align-items:center;gap:10px;display:flex}.sort-wrapper label{color:var(--text-muted);font-size:.85rem}.sort-select{background:var(--bg-dark-800);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:border var(--transition-fast);border-radius:8px;padding:8px 16px;font-size:.9rem}.sort-select:hover{border-color:var(--text-secondary)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px;display:grid}.tool-card{height:100%;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transform-style:preserve-3d;transition:transform .15s ease-out, box-shadow var(--transition-normal);cursor:pointer;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.tool-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);box-shadow:0 20px 40px #00000080,0 0 0 1px #f1f5f940,0 0 30px #ffffff0d}.card-glow-bg{background:radial-gradient(400px circle at var(--mouse-x,0) var(--mouse-y,0), #f1f5f90f, transparent 80%);pointer-events:none;z-index:1;position:absolute;inset:0}.tool-card-content{z-index:2;height:100%;transform-style:preserve-3d;flex-direction:column;display:flex;position:relative}.tool-logo-badge{transition:transform .4s cubic-bezier(.25, .8, .25, 1), background var(--transition-fast), border-color var(--transition-fast)}.tool-card:hover .tool-logo-badge{transform:translateZ(25px)scale(1.05)}.tool-card-title{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.tool-card:hover .tool-card-title{transform:translateZ(15px)}.tool-card-tagline{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.tool-card:hover .tool-card-tagline{transform:translateZ(10px)}.rating-row{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.tool-card:hover .rating-row{transform:translateZ(10px)}.card-footer{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.tool-card:hover .card-footer{transform:translateZ(15px)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.tool-logo-badge{width:48px;height:48px;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.card-tag-wrapper{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tag-cat{text-transform:uppercase;letter-spacing:.5px;color:#cbd5e1;background:#f1f5f914;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.pricing-badge{border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.pricing-badge.free{color:#34d399;background:#10b9811a;border-color:#10b98133}.pricing-badge.freemium{color:#22d3ee;background:#06b6d41a;border-color:#06b6d433}.pricing-badge.paid{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e33}.pricing-badge.freetrial{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}.tool-card-title{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:1.25rem;font-weight:600}.tool-card-tagline{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;margin-bottom:14px;font-size:.85rem;display:-webkit-box;overflow:hidden}.rating-row{color:#fff;align-items:center;gap:6px;margin-bottom:18px;font-size:.85rem;display:flex}.stars{color:var(--accent-amber);gap:2px;display:flex}.review-cnt{color:var(--text-muted)}.card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.compare-checkbox{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.compare-checkbox:hover{color:var(--text-secondary)}.details-btn{color:#fff;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16, 1, .3, 1), background var(--transition-fast), border-color var(--transition-fast);will-change:transform;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.details-btn:hover{border-color:var(--primary);background:#ffffff1a;transform:translateY(-2px)translateZ(6px);box-shadow:0 4px 10px #ffffff14}.details-btn:active{transform:translateY(0)translateZ(1px)}.compare-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;width:100%;max-width:600px;transition:transform var(--transition-normal);background:#090d16f2;border:1px solid #ffffff1a;border-bottom:none;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%);box-shadow:0 -10px 40px #0009}.compare-drawer.show{transform:translate(-50%)translateY(0)}.drawer-items{align-items:center;gap:12px;display:flex}.drawer-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:flex}.drawer-remove-btn{color:var(--accent-rose);cursor:pointer}.drawer-cta{align-items:center;gap:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#030712cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-content{border-radius:20px;width:100%;max-width:1100px;padding:40px;position:relative;box-shadow:0 30px 60px #000c}.modal-close-btn{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:#ffffff0a;border-radius:50%;place-content:center;display:grid;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.compare-modal-content{max-width:1000px}.compare-grid-table{border-collapse:collapse;width:100%;margin-top:24px}.compare-grid-table th,.compare-grid-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:16px}.compare-grid-table th{font-family:var(--font-heading);color:var(--text-muted);font-size:1.1rem;font-weight:500}.compare-grid-table tr:first-child th{border-bottom:2px solid #ffffff1a}.compare-column-header{text-align:center!important}.compare-tool-name{font-family:var(--font-heading);color:#fff;font-size:1.2rem;font-weight:600}.compare-value{text-align:center}.feature-check-list{flex-direction:column;align-items:center;gap:4px;font-size:.85rem;display:flex}.details-header{grid-template-columns:80px 1fr auto;align-items:center;gap:24px;margin-bottom:32px;display:grid}@media (width<=600px){.details-header{text-align:center;grid-template-columns:1fr;justify-items:center}}.details-logo{background:var(--bg-dark-800);border:1px solid var(--glass-border);width:80px;height:80px;font-family:var(--font-heading);border-radius:16px;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.details-title-row h2{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;line-height:1.2}.details-tagline{color:var(--text-secondary);margin-top:4px;font-size:1.05rem}.details-content-grid{grid-template-columns:1.6fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=768px){.details-content-grid{grid-template-columns:1fr}}.section-title{font-family:var(--font-heading);border-bottom:1px solid #ffffff0d;margin-bottom:16px;padding-bottom:8px;font-size:1.3rem;font-weight:600}.details-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.pill-list{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pill-tag{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;padding:6px 12px;font-size:.8rem}.features-check-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.feature-check-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.info-sidebar{flex-direction:column;gap:20px;display:flex}.info-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:20px}.info-row{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:10px 0;font-size:.9rem;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted)}.info-val{font-weight:600}.reviews-breakdown{grid-template-columns:120px 1fr;align-items:center;gap:24px;margin-bottom:32px;display:grid}.rating-avg-card{text-align:center}.rating-avg-num{font-size:3rem;font-family:var(--font-heading);font-weight:700;line-height:1}.rating-bar-row{color:var(--text-muted);grid-template-columns:40px 1fr 30px;align-items:center;gap:10px;font-size:.8rem;display:grid}.rating-bar-bg{background:var(--bg-dark-800);border-radius:4px;height:6px;overflow:hidden}.rating-bar-fill{background:var(--accent-amber);height:100%}.reviews-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.review-item{background:#ffffff03;border:1px solid #ffffff08;border-radius:10px;padding:18px}.review-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-author{font-size:.9rem;font-weight:600}.review-comment{color:var(--text-secondary);font-size:.85rem}.review-form{background:#f1f5f905;border:1px solid #f1f5f914;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.review-form input,.review-form textarea{background:var(--bg-dark-800);border:1px solid var(--glass-border);color:#fff;border-radius:8px;padding:12px;font-size:.9rem}.review-form textarea{resize:vertical;height:100px}.review-form input:focus,.review-form textarea:focus{border-color:var(--primary)}.stars-rating-select{color:var(--text-muted);gap:6px;font-size:1.5rem;display:flex}.stars-rating-select span{cursor:pointer;transition:color var(--transition-fast)}.stars-rating-select span.selected{color:var(--accent-amber)}.submit-modal-content{max-width:700px}.submit-form{flex-direction:column;gap:20px;margin-top:24px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.form-row-2{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:var(--bg-dark-800);border:1px solid var(--glass-border);color:#fff;transition:border var(--transition-fast);border-radius:8px;padding:12px;font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary)}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.footer{color:var(--text-muted);padding:60px 0 40px;font-size:.9rem;background:var(--skeuo-bg-metal)!important;border-top:1.5px solid var(--bg-dark-800)!important;box-shadow:inset 0 1.5px #ffffff0a,inset 0 1px 1px #ffffff05!important}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.footer-brand,.footer-links-col{flex-direction:column;gap:16px;display:flex}.footer-links-col h4{font-family:var(--font-heading);color:var(--text-primary);font-size:.95rem}.footer-links-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid #ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.auth-modal-content{position:relative}.auth-tabs{margin-bottom:20px;display:flex;background:var(--skeuo-concave)!important;box-shadow:var(--skeuo-shadow-inset)!important;border:1px solid #0006!important;border-top-color:#0009!important;border-radius:24px!important;padding:3px!important}.auth-tab-btn{cursor:pointer;text-align:center;flex:1;padding:8px 0;font-size:.9rem;font-weight:600;transition:all .2s;color:var(--text-muted)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:20px!important;transform:none!important}.auth-tab-btn:hover{color:var(--text-primary)!important}.auth-tab-btn.active{background:var(--skeuo-convex)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop)!important;color:var(--text-primary)!important;border:1px solid var(--bg-dark-900)!important}.dropdown-item-hover{transition:all var(--transition-fast)}.dropdown-item-hover:hover{background:#ffffff0f!important}.dropdown-item-hover-danger{transition:all var(--transition-fast)}.dropdown-item-hover-danger:hover{color:#ef4444!important;background:#ef444414!important}.profile-btn{transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16, 1, .3, 1), border-color var(--transition-fast), box-shadow var(--transition-fast);will-change:transform}.profile-btn:hover{transform:translateY(-2px)scale(1.05)translateZ(4px);box-shadow:0 4px 12px #ffffff1a;border-color:#fff6!important}.profile-btn:active{transform:translateY(0)scale(.98)translateZ(1px)}.profile-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 30px #00000080;background:#090d16f5!important}.btn-hover-white{transition:color var(--transition-fast)}.btn-hover-white:hover{color:#fff!important}.btn-hover-rose{transition:all var(--transition-fast)}.btn-hover-rose:hover{background:#f43f5e26!important;border-color:#f43f5e66!important}.user-tool-row{transition:all var(--transition-fast)}.user-tool-row:hover{box-shadow:0 0 15px #f1f5f90d;background:#ffffff05!important;border-color:#f1f5f933!important}.profile-sidebar-card{background:#ffffff04}.text-center{text-align:center}.about-section{border-top:1px solid #ffffff0d;padding:100px 0 120px;position:relative;overflow:hidden}.about-header{max-width:720px;margin:0 auto 60px}.about-badge{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.about-title{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:20px;font-size:3rem;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-subtitle{font-size:1rem;line-height:1.6}.about-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px;display:grid}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:24px}}.about-card{border:1px solid var(--glass-border);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transform-style:preserve-3d;transition:transform .15s ease-out, border-color var(--transition-normal), box-shadow var(--transition-normal);background:#13151a;border-radius:16px;padding:48px 40px;position:relative;overflow:hidden}.about-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff26,0 0 30px #ffffff0a;border-color:#fff3!important}.about-card .card-icon-wrapper,.about-card .card-title,.about-card .card-description{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.about-card:hover .card-icon-wrapper{transform:translateZ(25px)scale(1.05)}.about-card:hover .card-title{transform:translateZ(15px)}.about-card:hover .card-description{transform:translateZ(8px)}.card-icon-wrapper{width:50px;height:50px;color:var(--primary);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.about-card:hover .card-icon-wrapper{color:#000;background:#fff;transform:scale(1.05);box-shadow:0 0 15px #ffffff4d}.card-title{font-family:var(--font-heading);color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:600}.card-description{font-size:.88rem;line-height:1.6}.card-bg-gradient{filter:blur(40px);opacity:.03;pointer-events:none;width:120px;height:120px;transition:opacity var(--transition-normal);border-radius:50%;position:absolute;bottom:-40px;right:-40px}.about-card:hover .card-bg-gradient{opacity:.15}.blue-glow{background:#3b82f6}.silver-glow{background:#fff}.purple-glow{background:#a855f7}.about-metrics-layout{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:60px;display:grid}@media (width<=768px){.about-metrics-layout{grid-template-columns:1fr}}.metrics-panel,.stack-panel{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transform-style:preserve-3d;transition:transform .18s ease-out, border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:30px;background:var(--skeuo-convex)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop)!important;border:1px solid var(--bg-dark-900)!important}.metrics-panel:hover,.stack-panel:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);border-color:var(--bg-dark-800)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), 0 12px 28px #00000080!important}.metrics-panel .panel-title,.stack-panel .panel-title{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.metrics-panel:hover .panel-title,.stack-panel:hover .panel-title{transform:translateZ(15px)}.panel-title{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:1.4rem;font-weight:600}.metric-bar-group{margin-bottom:18px}.metric-bar-group:last-child{margin-bottom:0}.metric-info{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.metric-info strong{color:#fff}.progress-track{background:#ffffff08;border-radius:10px;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:10px;width:0%;height:100%;transition:width 1.5s cubic-bezier(.1,.8,.2,1)}.scroll-animate.animated .progress-fill-99{width:99.8%}.scroll-animate.animated .progress-fill-100{width:100%}.scroll-animate.animated .progress-fill-92{width:92.5%}.tech-stack-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tech-item{border:1px solid var(--glass-border);transition:all var(--transition-fast);background:#ffffff03;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.tech-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.tech-icon-circle{width:32px;height:32px;color:var(--primary);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.tech-item:hover .tech-icon-circle{color:#000;background:#fff;box-shadow:0 0 10px #fff3}.tech-item span{color:var(--text-primary);font-size:.85rem;font-weight:600}.about-cta{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transform-style:preserve-3d;transition:transform .2s ease-out, border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:20px;padding:60px 40px;position:relative;overflow:hidden;background:var(--skeuo-convex)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop)!important;border:1px solid var(--bg-dark-900)!important}.about-cta:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);border-color:var(--bg-dark-800)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), 0 15px 35px #00000080!important}.about-cta .cta-title,.about-cta .cta-desc,.about-cta .cta-btn{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.about-cta:hover .cta-title{transform:translateZ(20px)}.about-cta:hover .cta-desc{transform:translateZ(10px)}.about-cta:hover .cta-btn{transform:translateZ(15px)}.cta-glow{pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:2.2rem;font-weight:700}.cta-desc{max-width:500px;margin:0 auto 30px;font-size:.95rem;line-height:1.6}.cta-btn{transition:all var(--transition-fast);border-radius:30px;align-items:center;gap:10px;padding:14px 30px;font-size:.95rem;font-weight:600;display:inline-flex}.cta-btn svg{transition:transform var(--transition-fast)}.cta-btn:hover svg{transform:translate(4px)}.load-more-section{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:50px 0 30px;padding:30px;display:flex;box-shadow:0 10px 30px #0003}.load-more-stats{letter-spacing:.2px;margin-bottom:12px;font-size:.9rem;font-weight:500}.load-more-stats span{color:var(--text-primary);font-weight:600}.load-more-progress{background:var(--bg-dark-800);border:1px solid #ffffff0d;border-radius:10px;width:280px;height:6px;margin-bottom:24px;position:relative;overflow:hidden}.load-more-progress-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);height:100%;box-shadow:0 0 8px var(--primary-glow);border-radius:inherit;transition:width .4s cubic-bezier(.25,.8,.25,1)}.load-more-btn{font-family:var(--font-heading);letter-spacing:.3px;font-size:.95rem;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)!important;border-radius:30px!important;padding:12px 32px!important}.load-more-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #ffffff26!important}.load-more-btn:active{transform:translateY(-1px)scale(.99)}.showcase-3d-section{padding:80px 0 60px;position:relative;overflow:hidden}.showcase-header{text-align:center;max-width:680px;margin:0 auto 40px}.showcase-badge{color:#818cf8;text-transform:uppercase;letter-spacing:1.5px;background:#6366f10f;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #6366f10d}.showcase-title{font-family:var(--font-heading);color:#fff;margin:0 0 12px;font-size:2.5rem;font-weight:700;line-height:1.25}.showcase-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.showcase-menu-wrapper{width:100%;height:520px;margin-bottom:20px;position:relative}@media (width<=768px){.showcase-3d-section{padding:60px 0 40px}.showcase-title{font-size:2rem}.showcase-menu-wrapper{height:460px}}@keyframes bounce-horizontal{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}.bento-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:36px 30px;position:relative;overflow:hidden}.bento-item.col-span-2{grid-column:span 2}.bento-card-content{z-index:2;height:100%;transform-style:preserve-3d;flex-direction:column;display:flex;position:relative}.card-num{font-family:var(--font-heading);letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-size:.72rem;font-weight:700}.card-icon{color:var(--primary);width:fit-content;margin-bottom:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.bento-item:hover .card-icon{color:#fff;transform:translateZ(25px)scale(1.1)}.bento-item h3{font-family:var(--font-heading);color:#fff;margin-bottom:10px;font-size:1.4rem;font-weight:600;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.bento-item:hover h3{transform:translateZ(15px)}.bento-item p{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.6;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.bento-item:hover p{transform:translateZ(8px)}@media (width<=992px){.bento-grid{grid-template-columns:1fr;gap:20px}.bento-item.col-span-2{grid-column:span 1}}.timeline{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto;display:grid;position:relative}.timeline:before{content:"";z-index:1;border-radius:3px;height:6px;position:absolute;top:24px;left:10%;right:10%;background:var(--bg-dark-900)!important;border:1px solid #0000004d!important;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff14!important}.timeline-step{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.step-node{width:50px;height:50px;color:var(--text-primary);font-family:var(--font-heading);transition:all var(--transition-normal);transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:1rem;font-weight:700;display:flex;background:var(--skeuo-convex)!important;border:1px solid var(--bg-dark-900)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), var(--skeuo-shadow-drop)!important}.timeline-step:hover .step-node{transform:scale(1.08)translateZ(10px);border-color:var(--primary)!important;box-shadow:var(--skeuo-bevel-light), var(--skeuo-bevel-dark), 0 0 20px var(--primary-glow)!important}.timeline-step h4{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:600}.timeline-step p{font-family:var(--font-body);color:var(--text-muted);max-width:250px;margin:0;font-size:.85rem;line-height:1.5}@media (width<=768px){.timeline{grid-template-columns:1fr;gap:30px}.timeline:before{display:none}.timeline-step{text-align:left;flex-direction:row;align-items:flex-start;gap:16px}.step-node{flex-shrink:0;margin-bottom:0}.timeline-step p{max-width:none}}.profile-dropdown{z-index:999;transform-origin:100% 0;flex-direction:column;gap:6px;width:250px;padding:12px;animation:.25s cubic-bezier(.16,1,.3,1) forwards dropdown-fade-in;display:flex;position:absolute;top:50px;right:0;box-shadow:0 20px 40px #000c,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(25px)!important;background:#0a0c10f2!important;border:1px solid #ffffff14!important;border-radius:14px!important}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-user-info{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:6px;padding:8px 6px 12px;display:flex}.dropdown-avatar-small{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.dropdown-user-details{flex-direction:column;min-width:0;display:flex}.dropdown-user-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.65rem;font-weight:600}.dropdown-user-email{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.dropdown-btn{color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:500;display:flex}.dropdown-btn:hover{color:#fff;background:#ffffff0a;transform:translate(2px)}.dropdown-btn-danger{color:var(--accent-rose);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-top:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:6px;padding:12px 12px 9px;font-size:.85rem;font-weight:600;display:flex}.profile-sidebar-card{background:var(--glass-bg);border:1px solid var(--glass-border);transition:transform .15s ease-out, box-shadow var(--transition-normal), border-color var(--transition-normal);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0d;padding:0!important}.profile-card-banner{background:linear-gradient(135deg,#6366f126,#a855f726);border-bottom:1px solid #ffffff0f;height:80px;position:relative;overflow:hidden}.profile-card-banner:after{content:"";background:linear-gradient(#0000,#090b0e66);position:absolute;inset:0}.profile-card-avatar-wrapper{justify-content:center;margin-top:-38px;margin-bottom:16px;display:flex;position:relative}.profile-card-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:3px solid #0a0b0e;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:2rem;font-weight:800;display:flex;transform:translateZ(30px);box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff1a}.profile-card-info{text-align:center;margin-bottom:24px;padding:0 20px;transform:translateZ(20px)}.profile-card-name{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:700}.profile-card-tag{text-transform:uppercase;letter-spacing:1px;color:var(--primary);background:#6366f114;border:1px solid #6366f126;border-radius:12px;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.profile-card-meta{background:#0003;border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding:20px;display:flex;transform:translateZ(15px)}.profile-meta-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.82rem;display:flex}.profile-meta-icon{width:28px;height:28px;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-meta-details{flex-direction:column;min-width:0;display:flex}.profile-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.profile-meta-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.theme-toggle-btn{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4, 0, .2, 1), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)!important}.theme-toggle-btn:hover{box-shadow:0 0 15px #ffffff1a;color:var(--primary)!important;background:#ffffff14!important;transform:scale(1.08)rotate(25deg)translateZ(10px)!important}.theme-toggle-btn:active{transform:scale(.95)rotate(0)translateZ(0)!important}:root[data-theme=light]{--bg-dark-950:#dae2ec;--bg-dark-900:#cdd9e4;--bg-dark-800:#bac7d5;--bg-dark-700:#a3b3c4;--primary:#4f46e5;--primary-glow:#4f46e514;--secondary:#0ea5e9;--secondary-glow:#0ea5e914;--accent-emerald:#10b981;--accent-rose:#db2777;--accent-amber:#d97706;--text-primary:#1e1b4b;--text-secondary:#312e81;--text-muted:#4338ca;--border-glow:#4f46e508;--border-neon:#4f46e529;--skeuo-bg-metal:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);--skeuo-convex:linear-gradient(180deg, #fff 0%, #f8fafc 50%, #f1f5f9 100%);--skeuo-concave:linear-gradient(180deg, #cbd5e1 0%, #e2e8f0 50%, #f8fafc 100%);--skeuo-btn-primary:linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);--skeuo-btn-primary-active:linear-gradient(180deg, #94a3b8 0%, #cbd5e1 100%);--skeuo-btn-secondary:linear-gradient(180deg, #fff 0%, #f8fafc 50%, #f1f5f9 100%);--skeuo-btn-secondary-active:linear-gradient(180deg, #cbd5e1 0%, #e2e8f0 100%);--skeuo-bevel-light:inset 0 1.5px 0 0 #fffffff2, inset 1.5px 0 0 0 #ffffffd9;--skeuo-bevel-dark:inset 0 -1.5px 0 0 #00000026, inset -1.5px 0 0 0 #0000001a;--skeuo-shadow-drop:0 5px 12px 0 #94a3b859, 0 2px 4px 0 #94a3b840;--skeuo-shadow-inset:inset 0 3px 6px 0 #47556938, inset 0 1px 2px 0 #47556926;--led-glow-green:0 0 8px 2px #10b981cc;--led-glow-red:0 0 8px 2px #ef4444cc;--led-glow-blue:0 0 8px 2px #4f46e5cc;--glass-bg:#fffc;--glass-border:#6366f126;--bg-gradient-overlay:linear-gradient(to bottom, #d5e0ead9, #e2ebf0eb);--bg-image:var(--bg-gradient-overlay), url(/cracked_cement_texture.webp)}:root[data-theme=light] body{color:var(--text-primary);background:0 0!important}:root[data-theme=light] .header{background-color:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:0 10px 30px #4f46e50d,inset 0 1px #fff9!important}:root[data-theme=light] .hero-search-bar{background:var(--glass-bg)!important;border:1px solid #4f46e529!important;box-shadow:0 10px 30px #4f46e50d,0 0 0 1px #4f46e508!important}:root[data-theme=light] .btn-primary{border:1px solid #4f46e51a;box-shadow:0 4px 15px #4f46e533,inset 0 1px #fff3;color:#fff!important;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%)!important}:root[data-theme=light] .btn-primary:hover{border-color:#4f46e533;background:linear-gradient(135deg,#4338ca 0%,#0891b2 100%)!important;box-shadow:0 8px 24px #4f46e54d!important}:root[data-theme=light] .theme-toggle-btn:hover{box-shadow:0 0 15px #4f46e51a;color:var(--primary)!important;background:#4f46e50f!important}:root[data-theme=light] .showcase-badge{color:var(--primary)!important;background:#4f46e50a!important;border-color:#4f46e514!important}:root[data-theme=light] .interaction-tip{box-shadow:0 4px 12px #4f46e50d;color:var(--text-primary)!important;background:#fffffff2!important;border:1px solid #4f46e514!important}:root[data-theme=light] .badge-category{color:var(--primary);background:#4f46e50a;border-color:#4f46e514}:root[data-theme=light] .category-pill{color:var(--text-secondary);background:#4f46e505;border-color:#4f46e50d}:root[data-theme=light] .category-pill.active{background:linear-gradient(135deg,#4f46e5 0%,#0ea5e9 100%);border-color:#4f46e51a;box-shadow:0 4px 12px #4f46e526;color:#fff!important}:root[data-theme=light] .bento-item,:root[data-theme=light] .glass-panel{box-shadow:0 10px 30px #4f46e508,inset 0 1px #fff9}:root[data-theme=light] .profile-card-banner{background:linear-gradient(135deg,#4f46e514,#0ea5e914)}:root[data-theme=light] .profile-meta-icon{background:#4f46e505;border-color:#4f46e50a;color:var(--primary)!important}:root[data-theme=light] .glass-panel[style*="background: rgba(245, 158, 11, 0.02)"]{background:#d9770608!important;border-color:#d9770626!important}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select{color:var(--text-primary)!important;background:#4f46e503!important;border:1px solid #4f46e514!important}:root[data-theme=light] input:focus,:root[data-theme=light] textarea:focus,:root[data-theme=light] select:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 2px #4f46e51a!important}:root[data-theme=light] .platform-tag{color:var(--text-secondary);background:#4f46e505;border-color:#4f46e50d}:root[data-theme=light] .platform-tag.selected{border-color:var(--primary);color:var(--primary);background:#4f46e514}:root[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border:3px solid #f8fafc}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root[data-theme=light] .card-bg-gradient{opacity:.12!important}:root[data-theme=light] .bento-item:hover .card-bg-gradient{opacity:.38!important}:root[data-theme=light] .bg-glow-blob{opacity:.12!important}:root[data-theme=light] .blob-purple,:root[data-theme=light] .blob-cyan,:root[data-theme=light] .blob-emerald{opacity:.08!important}:root[data-theme=light] .modal-overlay{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0f172a40!important}:root[data-theme=light] .modal-content{background:#fffffff5!important;border:1px solid #4f46e526!important;box-shadow:0 30px 60px #4f46e514!important}:root[data-theme=light] .auth-modal-content{color:var(--text-primary)!important;background:#fffffff5!important;border:1px solid #4f46e526!important;box-shadow:0 30px 60px #4f46e514!important}:root[data-theme=light] .auth-tab-btn:hover{color:var(--primary)!important}:root[data-theme=light] .profile-dropdown{background:#fffffff5!important;border:1px solid #4f46e51f!important;box-shadow:0 10px 30px #4f46e50d,inset 0 1px #fff9!important}:root[data-theme=light] .compare-drawer{background:#fffffff2!important;border-color:#4f46e526!important;box-shadow:0 -10px 40px #4f46e50d!important}:root[data-theme=light] .tag-cat{color:var(--primary)!important;background:#4f46e514!important}:root[data-theme=light] .pricing-badge.free{color:#047857!important;background:#04785714!important;border-color:#04785726!important}:root[data-theme=light] .pricing-badge.freemium{color:#0369a1!important;background:#0369a114!important;border-color:#0369a126!important}:root[data-theme=light] .pricing-badge.paid{color:#be185d!important;background:#be185d14!important;border-color:#be185d26!important}:root[data-theme=light] .pricing-badge.freetrial{color:#b45309!important;background:#b4530914!important;border-color:#b4530926!important}:root[data-theme=light] .bg-grid-overlay{background-image:linear-gradient(#4f46e508 1px,#0000 1px),linear-gradient(90deg,#4f46e508 1px,#0000 1px)!important}:root[data-theme=light] .logo-text{background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}:root[data-theme=light] .hero-glow-text,:root[data-theme=light] .text-gradient{background:linear-gradient(135deg,#4f46e5 0%,#0ea5e9 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}:root[data-theme=light] .stat-number{background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}:root[data-theme=light] .suggestion-cat{color:var(--primary)!important;background:#4f46e514!important}:root[data-theme=light] .hero-tag{color:var(--primary)!important;background:#4f46e50a!important;border-color:#4f46e514!important}:root[data-theme=light] .hero-search-bar input,:root[data-theme=light] .results-count span{color:var(--text-primary)!important}:root[data-theme=light] .tool-logo-badge{color:var(--primary)!important;background:#4f46e508!important;border-color:#4f46e514!important}:root[data-theme=light] .tool-card-title,:root[data-theme=light] .rating-row{color:var(--text-primary)!important}:root[data-theme=light] .details-btn{color:var(--text-primary)!important;background:#4f46e508!important;border:1px solid #4f46e514!important}:root[data-theme=light] .details-btn:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}:root[data-theme=light] .compare-tool-name{color:var(--text-primary)!important}:root[data-theme=light] .compare-grid-table th,:root[data-theme=light] .compare-grid-table td{border-bottom:1px solid #4f46e514!important}:root[data-theme=light] .compare-grid-table tr:first-child th{border-bottom:2px solid #4f46e51f!important}:root[data-theme=light] .showcase-title,:root[data-theme=light] .bento-item h3,:root[data-theme=light] .timeline-step h4{color:var(--text-primary)!important}:root[data-theme=light] .timeline:before{background:#cbd5e1!important;border:1px solid #94a3b8!important;box-shadow:inset 0 1px 2px #00000026,0 1px #fffc!important}:root[data-theme=light] .dropdown-user-email{color:var(--text-primary)!important}:root[data-theme=light] .dropdown-btn:hover{color:var(--primary)!important;background:#4f46e50a!important}:root[data-theme=light] .profile-card-name{color:var(--text-primary)!important}:root[data-theme=light] .profile-card-avatar{border-color:var(--bg-dark-950)!important}:root[data-theme=light] .review-form input,:root[data-theme=light] .review-form textarea,:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea,:root[data-theme=light] .form-group select{color:var(--text-primary)!important}:root[data-theme=light] .logo-suffix{color:var(--primary)!important}@media (width<=768px){.header-search{display:none!important}}@media (width<=480px){.logo-text{font-size:1.2rem!important}.logo-suffix{display:none!important}.header{height:60px!important;top:10px!important}.header-nav{gap:8px!important}.hero{padding-top:100px!important}#root>div{padding-top:90px}}@media (width<=600px){.nav-text-desktop{display:none!important}}.mobile-filter-toggle-container{display:none}@media (width<=1024px){.mobile-filter-toggle-container{z-index:10;width:100%;margin-bottom:20px;display:block}.sidebar-filters{width:100%!important;margin-bottom:30px!important;display:none!important;position:relative!important;top:0!important}.sidebar-filters.expanded{display:flex!important}}@media (width<=768px){.compare-grid-table{white-space:nowrap;width:100%;display:block;overflow-x:auto}.modal-content{padding:24px!important}}@media (width>=1920px){.container{margin:0 auto;max-width:1600px!important}.header{max-width:1600px!important}}:root[data-theme=light] .search-suggestions{background:#fffffffa!important;border:1px solid #4f46e51f!important;box-shadow:0 20px 40px #4f46e514!important}:root[data-theme=light] .suggestion-item:hover{background:#4f46e50a!important}:root[data-theme=light] .suggestion-name{color:var(--text-primary)!important}:root[data-theme=light] .suggestion-tagline{color:var(--text-muted)!important}@media (width<=600px){.about-title{font-size:2.2rem!important}.bento-item{padding:24px 20px!important}.tech-stack-grid{grid-template-columns:1fr!important;gap:12px!important}.tech-item{padding:12px 14px!important}}.dot-field-container{width:100%;height:100%;position:relative}.infinite-menu-container{background:radial-gradient(circle,#0f172a99 0%,#080a0ff2 100%);border:1px solid #ffffff0d;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 8px 32px #0006}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;transition:filter .3s;display:block}#infinite-grid-menu-canvas:active{cursor:grabbing}.active-tool-details{z-index:20;pointer-events:auto;flex-direction:column;gap:14px;width:340px;padding:24px;display:flex;position:absolute;bottom:24px;left:24px;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d}.active-tool-details.active{opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(0)scale(1)}.active-tool-details.inactive{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(20px)scale(.95)}.details-header{flex-direction:column;gap:4px;display:flex}.details-badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--primary);width:fit-content;font-size:.7rem;font-weight:700}.details-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;margin:0;font-size:1.6rem;font-weight:700}.details-desc{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.details-action-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:flex;border-radius:8px!important;padding:10px 16px!important;font-size:.85rem!important}.interaction-tip{text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:6px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.active-category-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);pointer-events:none;z-index:10;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:4px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:70px;left:8%}.active-category-badge.active{opacity:1;transition:opacity .5s}.active-category-badge.inactive{opacity:0;transition:opacity .1s}@media (width<=768px){.active-tool-details{gap:12px;width:auto;padding:16px;bottom:16px;left:16px;right:16px}.details-title{font-size:1.4rem}}