:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-color:#0b0f19;--bg-grid:#0d1326;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6366f1;--primary-glow:#6366f126;--primary-hover:#4f46e5;--accent:#a5b4fc;--glass-bg:#1118278c;--glass-border:#ffffff14;--glass-border-hover:#ffffff2e;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0000005e;--container-max-width:1200px;--header-height:80px;--color-notes:linear-gradient(135deg, #eab308, #eab308);--color-calculator:linear-gradient(135deg, #374151, #1f2937);--color-formulas:linear-gradient(135deg, #6366f1, #7c3aed);--color-weather:linear-gradient(135deg, #60a5fa, #2563eb);--color-todo:linear-gradient(135deg, #4ade80, #16a34a);--color-timer:linear-gradient(135deg, #f87171, #ef4444);--color-calendar:linear-gradient(135deg, #f87171, #dc2626);--color-converter:linear-gradient(135deg, #22d3ee, #0891b2);--color-colorpicker:linear-gradient(135deg, #f472b6, #e11d48);--color-capture:linear-gradient(135deg, #fb923c, #f43f5e);--color-json:linear-gradient(135deg, #fbbf24, #ea580c);--color-regex:linear-gradient(135deg, #c084fc, #9333ea);--color-speech:linear-gradient(135deg, #2dd4bf, #0891b2);--color-qrcode:linear-gradient(135deg, #4b5563, #1f2937);--color-password:linear-gradient(135deg, #10b981, #059669);--color-tabs:linear-gradient(135deg, #475569, #0f172a);--color-quotes:linear-gradient(135deg, #8b5cf6, #6d28d9);--color-wordcounter:linear-gradient(135deg, #38bdf8, #0284c7);--color-reminder:linear-gradient(135deg, #6366f1, #4f46e5)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary);font-size:16px;font-family:var(--font-sans);overflow-x:hidden}body{background-image:linear-gradient(#0b0f19ed 0%,#0b0f19fa 100%),url(/background.png);background-repeat:repeat;background-attachment:fixed;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-color);background:#1e293b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#334155}h1,h2,h3,h4,.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}img{max-width:100%;height:auto;display:block}.blob{filter:blur(120px);z-index:-1;opacity:.25;pointer-events:none;border-radius:50%;animation:25s ease-in-out infinite alternate pulse-blobs;position:absolute}.blob-1{background:radial-gradient(circle,#6366f1 0%,#0000 80%);width:500px;height:500px;top:10%;right:-5%}.blob-2{background:radial-gradient(circle,#ec4899 0%,#0000 80%);width:600px;height:600px;animation-delay:-5s;top:45%;left:-10%}.blob-3{background:radial-gradient(circle,#06b6d4 0%,#0000 80%);width:450px;height:450px;animation-delay:-10s;bottom:10%;right:15%}@keyframes pulse-blobs{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,-50px)scale(1.15)}to{transform:translate(-40px,60px)scale(.9)}}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff14;transform:translateY(-2px)}.btn-tertiary{color:var(--text-secondary);background:0 0}.btn-tertiary:hover{color:var(--text-primary);transform:translateY(-1px)}.header{height:var(--header-height);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#0b0f19a6;align-items:center;width:100%;display:flex;position:sticky;top:0}.header-container{width:100%;max-width:var(--container-max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.brand-link{align-items:center;gap:.75rem;display:flex}.brand-logo{border-radius:8px;box-shadow:0 4px 12px #0003}.brand-name{background:linear-gradient(135deg, #fff 40%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem}.nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--text-primary)}.nav-cta-btn{border-radius:10px;padding:.5rem 1.1rem;font-size:.85rem}.hero-section{justify-content:center;align-items:center;padding:5rem 2rem 6rem;display:flex;position:relative}.hero-container{max-width:var(--container-max-width);grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-badge{background:var(--primary-glow);border:1px solid #6366f140;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;display:inline-flex}.badge-text{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.hero-title{background:linear-gradient(135deg,#fff 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.15}.hero-description{color:var(--text-secondary);max-width:540px;margin-bottom:2.5rem;font-size:1.15rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;display:flex}.hero-media{perspective:1000px;justify-content:center;align-items:center;display:flex}.media-wrapper{transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;transform:rotateY(-8deg)rotateX(6deg)rotate(-1deg)}.media-wrapper:hover{transform:rotateY(0)rotateX(0)rotate(0)scale(1.03)}.glass-frame{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;padding:.5rem;box-shadow:0 25px 50px -12px #000000b3,0 0 40px #6366f126}.app-screenshot{border:1px solid #ffffff0d;border-radius:14px;width:100%;box-shadow:0 4px 10px #0006}.section-header{text-align:center;max-width:700px;margin:0 auto 3.5rem}.section-title{background:linear-gradient(to right, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.25rem}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.features-section{background-color:var(--bg-grid);padding:6rem 2rem;position:relative}.features-container{max-width:var(--container-max-width);margin:0 auto}.search-filter-container{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.search-bar-wrapper{width:100%;max-width:500px;position:relative}.search-icon{width:1.2rem;height:1.2rem;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}#tool-search{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:14px;outline:none;padding:.95rem 1rem .95rem 3.25rem;transition:all .3s cubic-bezier(.16,1,.3,1)}#tool-search:focus{border-color:var(--primary);background-color:#111827b3;box-shadow:0 0 0 3px #6366f140}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.clear-btn:hover{color:var(--text-primary);background-color:#ffffff1a}.filter-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:100px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 10px #6366f14d}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;transition:opacity .3s;display:grid}.tool-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:18px;flex-direction:column;align-items:flex-start;height:100%;padding:1.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:radial-gradient(800px circle at var(--x,0px) var(--y,0px), #ffffff0a, transparent 40%);z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.tool-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow), 0 0 15px #6366f10d;transform:translateY(-5px)}.tool-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:1.25rem;display:flex;box-shadow:0 4px 10px #00000026}.tool-icon{color:#fff;stroke-width:1.5px;width:24px;height:24px}.color-notes{background:var(--color-notes)}.color-calculator{background:var(--color-calculator)}.color-formulas{background:var(--color-formulas)}.color-weather{background:var(--color-weather)}.color-todo{background:var(--color-todo)}.color-timer{background:var(--color-timer)}.color-calendar{background:var(--color-calendar)}.color-converter{background:var(--color-converter)}.color-colorpicker{background:var(--color-colorpicker)}.color-capture{background:var(--color-capture)}.color-json{background:var(--color-json)}.color-regex{background:var(--color-regex)}.color-speech{background:var(--color-speech)}.color-qrcode{background:var(--color-qrcode)}.color-password{background:var(--color-password)}.color-tabs{background:var(--color-tabs)}.color-quotes{background:var(--color-quotes)}.color-wordcounter{background:var(--color-wordcounter)}.color-reminder{background:var(--color-reminder)}.tool-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.tool-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.empty-state{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);max-width:500px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:18px;margin:2rem auto;padding:4rem 2rem}.empty-icon{width:3.5rem;height:3.5rem;color:var(--text-muted);margin-bottom:1.25rem}.empty-state h3{margin-bottom:.5rem;font-size:1.35rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}#search-query-highlight{color:var(--accent);font-weight:600}#reset-search-btn{padding:.6rem 1.2rem;font-size:.85rem}.benefits-section{justify-content:center;align-items:center;padding:6.5rem 2rem;display:flex;position:relative}.benefits-container{max-width:var(--container-max-width);width:100%}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.benefit-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;flex-direction:column;align-items:flex-start;padding:2.25rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.benefit-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow);transform:translateY(-4px)}.benefit-icon-wrapper{background:var(--primary-glow);border:1px solid #6366f133;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;display:flex}.benefit-icon-wrapper svg{width:24px;height:24px;color:var(--accent)}.benefit-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem}.benefit-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.cta-section{justify-content:center;align-items:center;padding:6rem 2rem 8rem;display:flex;position:relative}.cta-container{text-align:center;width:100%;max-width:900px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#6366f126 0%,#8b5cf60d 100%);border:1px solid #6366f133;border-radius:24px;padding:4rem 3rem;box-shadow:0 20px 40px #0000004d}.cta-container h2{background:linear-gradient(135deg, #fff 40%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.cta-container p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.15rem}.cta-btn{padding:.95rem 2.25rem;font-size:1.05rem}.footer{border-top:1px solid var(--glass-border);background-color:#060911;padding:4rem 2rem 2.5rem}.footer-container{max-width:var(--container-max-width);margin:0 auto}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.footer-brand{align-items:center;gap:.75rem;display:flex}.footer-socials{gap:1rem;display:flex}.social-link{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.social-link:hover{color:var(--text-primary);background-color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.footer-divider{background-color:var(--glass-border);border:none;height:1px;margin-bottom:2rem}.footer-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.footer-links{align-items:center;gap:2rem;display:flex}.footer-link{color:var(--text-muted)}.footer-link:hover{color:var(--text-primary)}.footer-link-highlight{color:var(--accent);font-weight:600}.footer-link-highlight:hover{text-shadow:0 0 8px #a5b4fc66}.reveal-item{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-item.revealed{opacity:1;transform:translateY(0)}@media screen and (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-description{max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-media{order:-1}.media-wrapper{transform:rotateY(0)rotateX(0)rotate(0)}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.benefit-card{text-align:center;align-items:center}.benefit-icon-wrapper{margin-left:auto;margin-right:auto}}@media screen and (width<=768px){.header-container{padding:0 1.25rem}.nav{gap:1.25rem}.nav-link{display:none}.hero-section{padding:3rem 1.25rem 4rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.05rem}.features-section{padding:4rem 1.25rem}.section-title{font-size:1.85rem}.search-filter-container{width:100%}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.cta-section{padding:3rem 1.25rem 5rem}.cta-container{padding:2.5rem 1.5rem}.cta-container h2{font-size:1.85rem}.cta-container p{margin-bottom:2rem;font-size:1rem}.footer{padding:3rem 1.25rem 2rem}.footer-top{flex-direction:column;align-items:center;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.footer-links{flex-direction:column;gap:.75rem}}