:root{--brand-blue: #2563eb;--brand-cyan: #06b6d4;--brand-purple: #7c3aed;--text-main: #0f172a;--text-muted: #64748b;--bg-color: #f8fafc;--title-accent: #2563eb;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(37, 99, 235, .08);--blur: blur(20px);--transition: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}body{position:relative;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}button,input{font:inherit}#app{position:relative;z-index:1;width:100%}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;background:#f8fafc;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}.blob-1{width:600px;height:600px;background:var(--brand-blue);top:-200px;left:-100px}.blob-2{width:500px;height:500px;background:var(--brand-cyan);bottom:-100px;right:-100px}.blob-3{width:400px;height:400px;background:var(--brand-purple);top:40%;left:40%;opacity:.3}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:var(--transition)}.container{max-width:1400px;margin:0 auto;padding:0 40px}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;background:#ffffffb3;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;transition:var(--transition)}.navbar.scrolled{background:#ffffffd9;box-shadow:0 4px 20px #0000000d}.nav-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:1.1rem}.nav-links{display:flex;gap:32px;font-weight:600;color:var(--text-muted)}.nav-links a:hover{color:var(--brand-blue)}.user-profile{display:flex;align-items:center;gap:12px;background:#fff;padding:6px 16px 6px 6px;border-radius:30px;box-shadow:0 4px 12px #0000000d;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,.02)}.user-profile img{width:32px;height:32px;border-radius:50%;background:#e2e8f0}.app-main{position:relative;z-index:1;padding-top:1px}.hero{margin-top:180px;margin-bottom:100px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:4.5rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,var(--text-main) 30%,var(--title-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background .5s ease}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:48px;font-weight:300}.search-container{width:100%;max-width:800px;position:relative}.huge-search{width:100%;padding:24px 32px 24px 64px;font-size:1.25rem;border:2px solid transparent;border-radius:40px;background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 20px 40px #2563eb1a;outline:none;transition:var(--transition);color:var(--text-main)}.huge-search::placeholder{color:#94a3b8}.huge-search:focus{border-color:var(--brand-blue);background:#fff;box-shadow:0 20px 60px #2563eb33;transform:translateY(-2px)}.search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--brand-blue);pointer-events:none}.search-tags{margin-top:24px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.search-tag{padding:8px 16px;background:#ffffff80;border:1px solid rgba(255,255,255,.8);border-radius:20px;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.search-tag:hover{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.section-title{font-size:1.5rem;font-weight:800;margin-bottom:32px;display:flex;align-items:center;gap:12px}.section-title-tight{margin-bottom:24px}.section-title-small{margin-bottom:16px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:100px}.tool-card{padding:32px;display:flex;flex-direction:column;gap:16px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #2563eb26}.tool-card:hover .tool-icon{transform:scale(1.1) rotate(-5deg)}.tool-icon{width:64px;height:64px;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:2rem;transition:var(--transition)}.bg-blue{background:#eff6ff;color:var(--brand-blue)}.bg-orange{background:#fff7ed;color:#ea580c}.bg-purple{background:#f5f3ff;color:var(--brand-purple)}.bg-cyan{background:#ecfeff;color:var(--brand-cyan)}.tool-card h3{font-size:1.25rem;font-weight:700}.tool-card p{font-size:.95rem;color:var(--text-muted);line-height:1.5}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:100px}.bento-panel{padding:40px}.bento-subtitle{color:var(--text-muted);margin-bottom:24px}.minimal-list li{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;gap:16px}.minimal-list li:last-child{border-bottom:none}.minimal-list a{font-size:1rem;font-weight:500;transition:var(--transition)}.minimal-list a:hover{color:var(--brand-blue);padding-left:8px}.minimal-list .meta{flex-shrink:0;font-size:.85rem;color:#94a3b8;background:#00000008;padding:4px 10px;border-radius:12px}.pill-matrix{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.pill-matrix-split{margin-top:32px;border-top:1px dashed rgba(0,0,0,.1);padding-top:32px}.pill{padding:12px 24px;background:#fff;border-radius:30px;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px #00000008;transition:var(--transition);display:flex;align-items:center;gap:8px}.pill:hover{background:var(--text-main);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}footer{position:relative;z-index:1;text-align:center;padding:40px;color:#94a3b8;font-size:.9rem;margin-top:50px}@media(max-width:900px){.hero-title{font-size:3rem}.bento-grid{grid-template-columns:1fr}.huge-search{font-size:1rem;padding:20px 24px 20px 56px}.nav-links{display:none}}@media(max-width:640px){.container{padding:0 20px}.nav-content{gap:12px}.brand{font-size:1rem}.user-profile{padding-right:12px;font-size:.85rem}.hero{margin-top:140px;margin-bottom:72px}.hero-subtitle{font-size:1rem;margin-bottom:32px}.tools-grid,.bento-grid{gap:20px;margin-bottom:72px}.tool-card,.bento-panel{padding:24px}.minimal-list li{align-items:flex-start;flex-direction:column}}