:root{--bg:#050505;--surface:#0e0e0e;--surface-2:#161616;--border:rgba(255,255,255,0.06);--text-muted:#777;--text-dim:#444}body{overflow-x:hidden}.glow{position:fixed;width:600px;height:600px;border-radius:50%;background:var(--primary);opacity:.04;filter:blur(120px);pointer-events:none;z-index:0}.glow-1{top:-200px;left:-150px}.glow-2{bottom:-250px;right:-100px;opacity:.03}.page{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 1.5rem;min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.nav-logo{width:52px;height:52px;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 24px var(--primary-glow);flex-shrink:0}.nav-logo img{width:100%;height:100%;object-fit:cover}.nav-name{font-weight:800;font-size:1.4rem;letter-spacing:-.3px}.nav-name span{color:var(--primary)}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius);font-size:.82rem;font-weight:600;transition:all var(--transition);border:none}.nav-link:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow)}.hero{text-align:center;padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-subtle);border:1px solid rgba(214,56,8,.15);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.hero h1,.hero h2{font-size:clamp(2.2rem, 5vw, 3.5rem);font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:1rem;animation:.6s .2s both fadeUp}.hero h1 span,.hero h2 span{background:linear-gradient(90deg,var(--primary),#ff6b3d,var(--primary));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:4s ease-in-out infinite heroShimmer}@keyframes heroShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero p{font-size:1.05rem;color:var(--text-muted);max-width:500px;margin:0 auto 2.5rem;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius);font-family:var(--font);font-size:.9rem;font-weight:600;text-decoration:none;transition:all var(--transition);cursor:pointer;border:none}.hero-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 24px var(--primary-glow)}.hero-btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 32px var(--primary-glow)}.hero-btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.hero-btn-secondary:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.section-title{text-align:center;margin-bottom:2.5rem}.section-title h3{font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin-bottom:.5rem}.section-title p{color:var(--text-muted);font-size:.9rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:4rem}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition);text-decoration:none;color:var(--text);display:flex;flex-direction:column;position:relative;overflow:hidden;opacity:0;animation:.5s forwards cardIn;animation-delay:calc(var(--i, 0) * .08s)}.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);opacity:0;transition:opacity var(--transition)}.tool-card:hover{border-color:rgba(214,56,8,.25);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.tool-card:hover::before{opacity:1}.tool-icon{width:48px;height:48px;background:var(--primary-subtle);border:1px solid rgba(214,56,8,.12);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);margin-bottom:1rem;transition:all var(--transition)}.tool-card:hover .tool-icon{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.tool-card h4{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}.tool-card p{font-size:.82rem;color:var(--text-muted);line-height:1.5;flex:1}.tool-tag{display:inline-block;margin-top:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary)}.tool-card.coming-soon{opacity:.45;pointer-events:none}.tool-card.coming-soon .tool-tag{color:var(--text-dim)}.tool-tag-lock{color:#888;font-size:.7rem;letter-spacing:.3px}.tool-tag-lock i{color:#666;margin-right:2px}.tool-card-locked .tool-icon{opacity:.5}.tool-card-locked:hover .tool-tag-lock,.tool-card-locked:hover .tool-tag-lock i{color:#d63808}@keyframes cardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tool-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 55%,transparent 60%);transition:left .6s;pointer-events:none;z-index:1}.tool-card:hover::after{left:120%}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.revealed{opacity:1;transform:translateY(0)}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;min-height:180px}.skeleton-line{background:linear-gradient(90deg,var(--surface-2) 25%,rgba(255,255,255,.04) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonPulse;border-radius:6px}.skeleton-icon{width:48px;height:48px;border-radius:var(--radius);margin-bottom:1rem}.skeleton-title{width:60%;height:16px;margin-bottom:10px}.skeleton-text{width:90%;height:12px;margin-bottom:6px}.skeleton-text-sm{width:40%;height:12px}@keyframes skeletonPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.footer{margin-top:auto;padding:2rem 0;text-align:center;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-dim);display:flex;justify-content:center;align-items:center;gap:8px}.footer a{color:var(--primary);text-decoration:none;transition:opacity var(--transition)}.footer a:hover{opacity:.75}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(214,56,8,.08) 0,rgba(255,107,61,.03) 40%,transparent 65%);filter:blur(60px);z-index:-1}.hero-orb:first-child{width:400px;height:400px;top:-80px;left:5%;animation:18s ease-in-out infinite orbFloat1}.hero-orb:nth-child(2){width:300px;height:300px;top:30%;right:0;animation:22s ease-in-out infinite orbFloat2;opacity:.8}.hero-orb:nth-child(3){width:250px;height:250px;bottom:-50px;left:30%;animation:20s ease-in-out infinite orbFloat3}.hero-orb:nth-child(4){width:220px;height:220px;top:15%;left:50%;animation:25s ease-in-out infinite reverse orbFloat1;opacity:.6}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,25px) scale(1.05)}66%{transform:translate(-15px,10px) scale(.95)}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-30px,-20px) scale(1.08)}66%{transform:translate(20px,-10px) scale(.92)}}@keyframes orbFloat3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(25px,-30px) scale(.95)}66%{transform:translate(-20px,15px) scale(1.05)}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:.6s .1s both fadeUp}.hero>p{animation:.6s .3s both fadeUp}.hero-actions{animation:.6s .4s both fadeUp}.changelog{margin-bottom:4rem}.changelog-list{display:flex;flex-direction:column;gap:10px}.changelog-item{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s}.changelog-item:hover{border-color:rgba(214,56,8,.2)}.changelog-date{font-size:.68rem;color:var(--text-dim);white-space:nowrap;padding-top:2px;font-variant-numeric:tabular-nums;min-width:70px}.changelog-text{font-size:.82rem;color:var(--text-muted);line-height:1.5}.changelog-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:6px}.changelog-tag.new{background:rgba(34,197,94,.12);color:#22c55e}.changelog-tag.fix{background:rgba(59,130,246,.12);color:#3b82f6}.changelog-tag.update{background:rgba(245,158,11,.12);color:#f59e0b}.hero-btn kbd{font-family:var(--font);font-size:.6rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 6px;margin-left:6px;color:rgba(255,255,255,.6)}#search-trigger{cursor:pointer;font-family:var(--font)}.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:999;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px)}.search-overlay.open{display:flex}.search-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;animation:.15s searchIn}@keyframes searchIn{from{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:none}}.search-input-wrap{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);gap:10px}.search-input-wrap i{color:var(--muted);font-size:.9rem;flex-shrink:0}.search-input{flex:1;background:0 0;border:none;outline:0;color:var(--text);font-size:.9rem;font-family:var(--font)}.search-input::placeholder{color:var(--muted)}.search-results{max-height:340px;overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.08) transparent}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--text);transition:background .12s}.search-item.active,.search-item:hover{background:rgba(214,56,8,.1)}.search-item-icon{width:36px;height:36px;border-radius:9px;background:rgba(214,56,8,.08);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:.85rem;flex-shrink:0}.search-item-text h5{font-size:.82rem;font-weight:600;margin-bottom:2px}.search-item-text p{font-size:.68rem;color:var(--muted);margin:0;line-height:1.4}.search-empty{padding:24px;text-align:center;color:var(--muted);font-size:.8rem}.search-footer{padding:8px 14px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:center}.search-footer kbd{font-family:var(--font);font-size:.6rem;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--muted)}.search-footer span{font-size:.62rem;color:var(--muted);display:flex;align-items:center;gap:4px}@media (max-width:640px){.hero{padding:4rem 0 3rem}.hero h1,.hero h2{font-size:2rem}.tools-grid{grid-template-columns:1fr}.page{padding:0 1rem}.changelog-item{flex-direction:column;gap:4px}.changelog-date{min-width:auto}.hero-btn kbd{display:none}.search-overlay{padding-top:16px;align-items:flex-start}.search-modal{margin:0 12px;max-width:calc(100% - 24px)}.search-footer{display:none}}