@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}button{border:none;cursor:pointer;font-family:inherit}img{display:block;max-width:100%}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0e2ef2;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:16px 80px;position:sticky;top:0;transition:all .3s ease;z-index:1000}.logo-container,.navbar{align-items:center;display:flex}.logo-container{cursor:pointer}.navbar-logo-img{height:54px;object-fit:contain;width:54px}.menu{align-items:center;display:flex;gap:8px}.menu a{border-radius:50px;color:#94a3b8;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu a:hover{background:#ffffff0d;color:#fff}.menu a.active{background:#c1206126;border:1px solid #c1206133;color:#f472b6}.nav-buttons{align-items:center;display:flex;gap:12px}.join-btn{background:#0000;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.join-btn:hover{background:#ffffff0d;border-color:#fff}.sign-btn{background:linear-gradient(135deg,#c12061,#9b1c4e);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px 20px;transition:opacity .2s ease,transform .2s ease}.sign-btn:hover{opacity:.9;transform:translateY(-1px)}.theme-toggle-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle-btn:hover{background:#ffffff0d;border-color:#fff;transform:scale(1.05)}@media (max-width:1024px){.navbar{padding:16px 40px}}@media (max-width:768px){body.scroll-down .navbar{transform:translateY(-100%)}.navbar{flex-direction:column;gap:16px;padding:16px 20px;position:relative;transform:none!important}.menu{flex-wrap:wrap}.menu,.nav-buttons{justify-content:center}.nav-buttons{width:100%}}.ai-header{background:linear-gradient(135deg,#0a0e2e,#1a2b6b 50%,#0d1b4a);overflow:hidden;padding:70px 60px 50px;position:relative;text-align:center}.ai-header:before{background:radial-gradient(ellipse at 20% 50%,#c1206126 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#4f46e533 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.ai-header-badge{align-items:center;background:#c1206126;border:1px solid #c1206166;border-radius:50px;color:#f472b6;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.ai-header h1{color:#fff;font-family:Inter,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0 0 16px}.ai-header h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c12061,#818cf8);-webkit-background-clip:text;background-clip:text}.ai-header p{color:#94a3b8;font-size:17px;line-height:1.7;margin:0 auto 32px;max-width:580px}.ai-header-stats{display:flex;gap:40px;justify-content:center;margin-bottom:36px}.stat-item{text-align:center}.stat-number{color:#fff;font-size:28px;font-weight:800}.stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.search-container{align-items:center;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:640px;position:relative}.search-wrapper{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:50px;display:flex;flex:1 1;gap:10px;padding:6px 6px 6px 20px;transition:border-color .3s,box-shadow .3s}.search-wrapper:focus-within{border-color:#c1206199;box-shadow:0 0 0 3px #c120611f}.search-icon{color:#94a3b8}.search-container input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:16px;outline:none;padding:8px 0}.search-container input::placeholder{color:#64748b}.search-container button{background:linear-gradient(135deg,#c12061,#9b1c4e);border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:12px 28px;transition:opacity .2s,transform .2s;white-space:nowrap}.search-container button:hover{opacity:.9;transform:scale(1.03)}.search-container-sticky{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px;width:100%}.search-wrapper-sticky{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:50px;display:flex;flex:1 1;gap:10px;padding:4px 4px 4px 18px;transition:border-color .3s,box-shadow .3s}.search-wrapper-sticky:focus-within{border-color:#c12061;box-shadow:0 0 0 3px #c120611f}.search-icon-sticky{color:#64748b;flex-shrink:0}.search-wrapper-sticky input{background:#0000;border:none;color:#0f172a;flex:1 1;font-family:Inter,sans-serif;font-size:15px;outline:none;padding:6px 0}.search-wrapper-sticky input::placeholder{color:#94a3b8}.search-wrapper-sticky button{background:linear-gradient(135deg,#c12061,#9b1c4e);border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:10px 24px;transition:opacity .2s,transform .2s;white-space:nowrap}.search-wrapper-sticky button:hover{opacity:.9;transform:scale(1.02)}.filter-controls-wrapper{background:#f8fafc;border-bottom:1px solid #f1f5f9;box-shadow:0 4px 20px #0f172a08;display:flex;flex-direction:column;gap:18px;padding:24px 60px;position:sticky;top:72px;transition:transform .3s ease;z-index:100}.filter-row{gap:16px}.filter-row,.new-filters-layout-row{align-items:center;display:flex;width:100%}.new-filters-layout-row{flex-wrap:wrap;gap:20px;justify-content:space-between}.new-filter-item{align-items:center;display:flex;gap:8px}.new-category-select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 20px center;background-size:14px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000005;color:#374151;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:500;min-width:280px;outline:none;padding:14px 48px 14px 24px;transition:all .2s ease}.new-category-select:focus{border-color:#cbd5e1}.new-verified-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000005;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.new-verified-btn:hover{background:#f8fafc}.new-verified-btn.active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.blue-verified-badge{align-items:center;background:#0095f6;border-radius:50%;display:flex;height:16px;justify-content:center;width:16px}.new-info-icon-wrapper{align-items:center;color:#3b82f6;cursor:pointer;display:inline-flex;justify-content:center;opacity:.8;transition:opacity .2s}.new-info-icon-wrapper:hover{opacity:1}.pricing-badges-box{display:flex;flex-wrap:wrap;gap:10px}.price-badge{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000005;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.free-badge{color:#059669}.free-badge.active,.free-badge:hover{background:#fff;border-color:#10b981;box-shadow:0 8px 16px #10b98126,0 2px 4px #10b9810d}.freemium-badge{color:#d97706}.freemium-badge.active,.freemium-badge:hover{background:#fff;border-color:#f59e0b;box-shadow:0 8px 16px #f59e0b26,0 2px 4px #f59e0b0d}.paid-badge{color:#dc2626}.paid-badge.active,.paid-badge:hover{background:#fff;border-color:#ef4444;box-shadow:0 8px 16px #ef444426,0 2px 4px #ef44440d}.freetrial-badge{color:#7c3aed}.freetrial-badge.active,.freetrial-badge:hover{background:#fff;border-color:#8b5cf6;box-shadow:0 8px 16px #8b5cf626,0 2px 4px #8b5cf60d}.sort-count-box{gap:14px;margin-left:auto}.sort-select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000005;color:#475569;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 38px 10px 18px}.sort-select:focus{border-color:#cbd5e1}.results-count{color:#94a3b8;font-size:13px;white-space:nowrap}@media (max-width:1024px){.filter-controls-wrapper{padding:15px 30px}}@media (max-width:768px){body.scroll-down .filter-controls-wrapper{transform:translateY(-100%)}.ai-header-stats{grid-gap:20px 10px;display:grid;gap:20px 10px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:320px}.stat-number{font-size:22px}.stat-label{font-size:10px}.filter-controls-wrapper{gap:14px;padding:12px 16px;position:sticky;top:0}.filter-row{align-items:stretch;flex-direction:column}.secondary-row{flex-direction:column-reverse;gap:12px}.right-controls{justify-content:space-between;width:100%}.filter-label{display:block;margin-bottom:2px;margin-right:0}.category-tabs{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;width:100%}.category-tabs::-webkit-scrollbar{display:none}.pricing-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.pricing-filter::-webkit-scrollbar{display:none}.sort-select{box-sizing:border-box;width:100%}.results-count{margin-left:0;text-align:left;width:100%}}body{background:#f1f5f9;font-family:Inter,sans-serif;margin:0}.tools-container{margin:0 auto;max-width:1600px;padding:15px 60px 40px}.featured-hero{align-items:center;background:linear-gradient(135deg,#0a0e2e,#1a2b6b 60%,#2d1b69);border-radius:24px;box-shadow:0 20px 60px #0a0e2e4d;display:flex;gap:40px;margin-bottom:48px;overflow:hidden;padding:40px 48px;position:relative}.featured-hero:before{background:radial-gradient(ellipse at 80% 50%,#c1206133 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#4f46e526 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.featured-hero-badge{align-items:center;background:#c1206133;border:1px solid #c1206166;border-radius:40px;color:#f9a8d4;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:1.2px;margin-bottom:14px;padding:5px 12px;text-transform:uppercase;width:fit-content}.featured-hero-content{flex:1 1;z-index:1}.featured-hero-content h2{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.featured-hero-content p{color:#94a3b8;font-size:16px;line-height:1.7;margin:0 0 24px;max-width:500px}.featured-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.featured-hero-tags span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:40px;color:#cbd5e1;font-size:12px;font-weight:500;padding:5px 14px}.featured-hero-actions{align-items:center;display:flex;gap:12px}.btn-primary{align-items:center;background:linear-gradient(135deg,#c12061,#9b1c4e);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:700;gap:8px;padding:13px 28px;text-decoration:none;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:13px 24px;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#ffffff24}.featured-hero-visual{flex-shrink:0;z-index:1}.featured-hero-icon-wrap,.featured-hero-visual{align-items:center;display:flex;justify-content:center}.featured-hero-icon-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:28px;box-shadow:0 8px 32px #0003;height:120px;width:120px}.featured-hero-icon-wrap img{border-radius:16px;height:72px;width:72px}.category-section{margin-bottom:52px}.category-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:14px;margin-bottom:24px;padding-bottom:16px}.category-icon{align-items:center;background:linear-gradient(135deg,#1a2b6b,#4f46e5);border-radius:10px;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.category-title{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.category-count{background:#1a2b6b;border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-left:4px;padding:4px 12px}.category-view-all{align-items:center;background:none;border:none;color:#c12061;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;margin-left:auto;text-decoration:none;transition:gap .2s}.category-view-all:hover{gap:10px}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.tool-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 20px #0f172a08,0 1px 4px #0f172a05;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:hover{border-color:#c12061;box-shadow:0 20px 40px #c1206126,0 0 15px #c1206133;transform:translateY(-8px) scale(1.02)}.tool-card-rank{background:#f1f5f9;border-radius:50%;color:#64748b;font-size:11px;font-weight:700;height:28px;justify-content:center;left:14px;position:absolute;top:14px;width:28px;z-index:2}.tool-card-rank,.tool-card-top{align-items:center;display:flex}.tool-card-top{gap:6px;justify-content:flex-end;min-height:40px;padding:14px 14px 0}.tool-card-badges{display:flex;gap:6px;margin-right:auto;padding-left:32px}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.badge-featured{background:#fef9c3;color:#a16207}.badge-verified{background:#dcfce7;color:#15803d}.badge-editors-pick{background:#fef9c3;color:#a16207}.badge-trending{background:#ffedd5;color:#ea580c}.badge-new{background:#e0f2fe;color:#0284c7}.badge-best-free{background:#d1fae5;color:#059669}.badge-popular{background:#f3e8ff;color:#7e22ce}.badge-icon{align-items:center;display:inline-flex;margin-right:2px}.tool-card-screenshot-wrapper{background:#f8fafc;border-bottom:1px solid #f1f5f9;height:140px;overflow:hidden;position:relative;width:100%}.tool-card-screenshot{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.tool-card:hover .tool-card-screenshot{transform:scale(1.05)}.tool-card-screenshot-fallback{align-items:center;color:#fff;display:none;flex-direction:column;font-size:16px;font-weight:800;gap:8px;height:100%;inset:0;justify-content:center;letter-spacing:-.3px;position:absolute;text-shadow:0 2px 4px #00000026;width:100%}.tool-card-screenshot-fallback span{font-size:14px;font-weight:600;opacity:.9}.tool-bookmark{align-items:center;background:none;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;padding:4px;transition:color .2s,background .2s}.tool-bookmark:hover{background:#fce7f3;color:#c12061}.tool-bookmark.saved{color:#c12061}.tool-vote-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:5px;padding:4px 10px;transition:all .2s ease}.tool-vote-btn:hover{background:#4f46e51a;border-color:#4f46e5;color:#4f46e5}.tool-card-body{align-items:flex-start;display:flex;gap:14px;padding:10px 20px 16px}.tool-card-icon{background:#f1f5f9;border-radius:10px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:40px;object-fit:cover;width:40px}.tool-card-info{flex:1 1;min-width:0}.tool-card-name-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.tool-card-title{color:#0f172a;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-pricing{border-radius:6px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase}.badge-free{background:#dbeafe;color:#1d4ed8}.badge-freemium{background:#fef9c3;color:#a16207}.badge-paid{background:#fce7f3;color:#be185d}.tool-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.55;margin:0;overflow:hidden}.tool-card-tags{display:flex;flex-wrap:wrap;gap:5px;padding:0 20px 12px}.tag{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:11px;font-weight:500;padding:3px 10px}.tool-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding:12px 20px}.tool-card-link{align-items:center;color:#2563eb;display:inline-flex;font-size:13px;font-weight:600;gap:5px;text-decoration:none;transition:gap .2s,color .2s}.tool-card-link:hover{color:#c12061;gap:8px}.tool-card-btn-primary{align-items:center;background:#fff;border-radius:50px;box-sizing:border-box;color:#080c14!important;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px 18px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.tool-card-btn-primary:hover{background:#f1f5f9;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.empty-state{color:#94a3b8;padding:80px 40px;text-align:center}.empty-state h3{color:#374151;font-size:22px;font-weight:700;margin:16px 0 8px}.empty-state p{font-size:15px}.skeleton-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding:40px 60px}.skeleton-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;height:200px;overflow:hidden;padding:20px;position:relative}.skeleton-card:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fffc 50%,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skel-line{background:#f1f5f9;border-radius:8px;margin-bottom:10px}@media (max-width:1024px){.featured-hero,.tools-container{padding:32px}}@media (max-width:768px){.tools-container{padding:24px 16px}.featured-hero{flex-direction:column;padding:28px 20px}.featured-hero-visual{display:none}.category-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.category-grid{grid-template-columns:1fr}}.howtos-promo-banner{background:linear-gradient(135deg,#1e1b4b,#4f46e5 50%,#c12061);border-radius:24px;box-shadow:0 20px 40px #4f46e533,inset 0 0 0 1px #ffffff1a;color:#fff;gap:30px;margin:0 auto 15px;max-width:1400px;overflow:hidden;padding:20px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.howtos-promo-banner:before{background:radial-gradient(circle,#c120614d 0,#0000 70%);content:"";filter:blur(40px);height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.howtos-promo-banner:hover{box-shadow:0 15px 40px #4f46e559;transform:translateY(-5px)}.promo-tag{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;letter-spacing:.5px;margin-bottom:12px}.promo-content h3{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.promo-content p{color:#ffffffd9;font-size:15px;margin:0}.promo-btn{background:#fff;border:none;border-radius:50px;color:#4f46e5;font-size:14px;font-weight:700;padding:14px 28px;transition:all .2s ease}.promo-btn:hover{background:#f8fafc;transform:scale(1.05)}@media (max-width:768px){.howtos-promo-banner{flex-direction:column;margin-left:16px;margin-right:16px;padding:30px 20px;text-align:center}}.module-tabs{display:flex;gap:15px;justify-content:center;margin-bottom:40px}.module-tab{background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 2px 4px #00000005;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.module-tab:hover{background:#f8fafc;color:#1e293b}.module-tab.active{background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e540;color:#fff}.compare-section{margin:0 auto 50px;max-width:1200px;padding:0 20px}.compare-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.compare-tab-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.compare-tab-btn.active,.compare-tab-btn:hover{background:#1e293b;border-color:#1e293b;color:#fff}.comparison-grid{align-items:center;display:flex;gap:20px}.compare-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #00000005;flex:1 1;padding:30px}.compare-card-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.compare-icon{color:#4f46e5}.compare-card-header h3{color:#0f172a;font-size:22px;margin:0}.compare-badge{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:11px;font-weight:600;margin-left:auto;padding:4px 10px}.compare-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 0}.compare-row:last-child{border:none}.row-label{color:#64748b;font-size:14px;font-weight:600}.row-value{color:#1e293b;font-size:14px;max-width:60%;text-align:right}.row-value.highlight{color:#4f46e5;font-weight:700}.row-value.limit{color:#ef4444}.vs-divider{align-items:center;background:#1e293b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:50px;justify-content:center;width:50px}.prompts-section{margin:0 auto 50px;max-width:1200px;padding:0 20px}.prompts-header-desc{margin-bottom:40px;text-align:center}.prompts-header-desc h2{color:#0f172a;font-size:28px;margin:0 0 8px}.prompts-header-desc p{color:#64748b;font-size:16px;margin:0}.prompts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.prompt-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #00000005;display:flex;flex-direction:column;padding:24px}.prompt-cat-badge{background:#4f46e51a;border-radius:12px;color:#4f46e5;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.prompt-card h3{color:#0f172a;font-size:18px;margin:16px 0 8px}.prompt-desc{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.prompt-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:auto;padding:16px;position:relative}.prompt-box pre{color:#334155;font-family:inherit;font-size:13px;line-height:1.6;margin:0 0 16px;white-space:pre-wrap;word-break:break-word}.copy-prompt-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.copy-prompt-btn:hover{border-color:#4f46e5;color:#4f46e5}@media (max-width:768px){.comparison-grid{flex-direction:column}}body.dark-mode{background:#0b0f19;color:#f8fafc}body.dark-mode .cat-tab,body.dark-mode .compare-card,body.dark-mode .copy-prompt-btn,body.dark-mode .module-tab,body.dark-mode .pricing-btn,body.dark-mode .prompt-box,body.dark-mode .prompt-card,body.dark-mode .sort-select,body.dark-mode .tool-card{background:#161b26;border-color:#232d3f;color:#cbd5e1}body.dark-mode .category-title,body.dark-mode .compare-card-header h3,body.dark-mode .empty-state h3,body.dark-mode .prompt-card h3,body.dark-mode .row-value,body.dark-mode .tool-card-title,body.dark-mode .view-all-categories-btn{color:#f8fafc}body.dark-mode .empty-state p,body.dark-mode .prompt-desc,body.dark-mode .results-count,body.dark-mode .row-label,body.dark-mode .stat-label,body.dark-mode .tool-card-description{color:#94a3b8}body.dark-mode .filter-controls-wrapper{background:#0d131f;border-bottom-color:#1e293b}body.dark-mode .category-header{border-bottom-color:#1e293b}body.dark-mode .tool-card-footer{border-top-color:#232d3f}body.dark-mode .tool-bookmark:hover{background:#c1206133}body.dark-mode .tool-vote-btn{background:#232d3f;border-color:#334155;color:#94a3b8}body.dark-mode .tool-vote-btn:hover{background:#c1206133;border-color:#c12061;color:#c12061}body.dark-mode .tag{background:#232d3f;color:#94a3b8}body.dark-mode .tool-card:hover{border-color:#c12061;box-shadow:0 20px 40px #c1206140,0 0 20px #c120614d}body.dark-mode .cat-tab:hover,body.dark-mode .pricing-btn:hover{background:#161b26;border-color:#c12061;color:#c12061}body.dark-mode .cat-tab.active{background:linear-gradient(135deg,#c12061,#9b1c4e);border-color:#c12061;box-shadow:0 4px 12px #c120614d;color:#fff}body.dark-mode .sort-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}body.dark-mode .howtos-header h1,body.dark-mode .howtos-header p{color:#f8fafc}body.dark-mode .howtos-header p{color:#94a3b8}body.dark-mode .search-wrapper-sticky{background:#161b26;border-color:#232d3f}body.dark-mode .search-wrapper-sticky input{color:#f8fafc}body.dark-mode .search-icon-sticky{color:#94a3b8}body.dark-mode .tool-card-screenshot-wrapper{background:#161b26;border-bottom-color:#232d3f}.ai-info-section{background:#0d1233;border-top:1px solid #ffffff0d;color:#fff;overflow:hidden;padding:100px 60px 80px;position:relative}.ai-info-section:before{background:radial-gradient(circle at 10% 20%,#c120611a 0,#0000 50%),radial-gradient(circle at 90% 80%,#4f46e51a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.info-header{margin:0 auto 60px;max-width:800px;text-align:center}.info-badge{background:#c1206126;border:1px solid #c1206166;border-radius:50px;color:#f472b6;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.info-header h2{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px}.info-header h2 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c12061,#818cf8);-webkit-background-clip:text;background-clip:text}.info-header p{color:#94a3b8;font-size:17px;line-height:1.6}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0 auto 80px;max-width:1400px;position:relative;z-index:2}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:36px 30px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.info-card:hover{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.info-icon-wrapper{align-items:center;background:#ffffff0d;border-radius:14px;display:flex;height:56px;justify-content:center;margin-bottom:24px;width:56px}.info-icon{height:28px;width:28px}.info-icon.purple{color:#a855f7}.info-icon.pink{color:#ec4899}.info-icon.blue{color:#3b82f6}.info-icon.magenta{color:#d946ef}.info-icon.orange{color:#f97316}.info-icon.indigo{color:#6366f1}.info-card h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.info-card p{color:#94a3b8;font-size:15px;line-height:1.6;margin:0}.info-cta{background:linear-gradient(135deg,#1e1b4b,#311042);border:1px solid #c1206133;border-radius:24px;box-shadow:0 20px 50px #0a0e2e66;margin:0 auto;max-width:1000px;padding:60px 40px;position:relative;text-align:center;z-index:2}.cta-content h3{color:#fff;font-size:28px;font-weight:800;margin:0 0 12px}.cta-content p{color:#cbd5e1;font-size:16px;margin:0 auto 30px;max-width:600px}.cta-btn{background:linear-gradient(135deg,#c12061,#9b1c4e);border:none;border-radius:50px;box-shadow:0 4px 20px #c1206166;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 36px;transition:opacity .2s,transform .2s}.cta-btn:hover{opacity:.9;transform:scale(1.03)}@media (max-width:1024px){.ai-info-section{padding:80px 40px}.info-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.ai-info-section{padding:60px 20px}.info-grid{grid-template-columns:1fr}.info-cta{padding:40px 20px}}*{box-sizing:border-box}.home-hero{align-items:center;background:#080c14;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:600px;overflow:hidden;padding:110px 40px 90px;position:relative;text-align:center}.home-hero:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='92'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.03)' d='m40 2 38 20v40L40 82 2 62V22z'/%3E%3C/svg%3E");background-size:80px 92px;inset:0;opacity:1}.home-hero:after,.home-hero:before{content:"";pointer-events:none;position:absolute}.home-hero:after{animation:glow-shift 10s ease-in-out infinite alternate;background:radial-gradient(circle,#7c3aed2e 0,#0000 65%);border-radius:50%;height:800px;right:-200px;top:-300px;width:800px}.hero-glow-cyan{animation:glow-shift 13s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#06b6d41a 0,#0000 65%);border-radius:50%;bottom:-200px;height:600px;left:-150px;pointer-events:none;position:absolute;width:600px}@keyframes glow-shift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.hero-content{max-width:760px;position:relative;width:100%;z-index:2}.hero-badge{animation:fade-up .6s ease both;background:#7c3aed1a;border:1px solid #7c3aed4d;color:#a78bfa;font-size:.7rem;letter-spacing:.16em;margin-bottom:30px;padding:7px 18px;text-transform:uppercase}.hero-badge-dot{animation:blink 2s ease-in-out infinite;background:#7c3aed}@keyframes blink{0%,to{box-shadow:0 0 6px #7c3aed;opacity:1}50%{box-shadow:none;opacity:.4}}.hero-headline{animation:fade-up .65s ease .1s both;color:#fff;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:900;letter-spacing:-.035em;line-height:1.08;margin:0 0 20px}.hero-headline .grad{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#a78bfa,#06b6d4);-webkit-background-clip:text;background-clip:text}.hero-sub{animation:fade-up .65s ease .2s both;color:#475569;font-size:1.1rem;line-height:1.7;margin:0 auto 40px;max-width:480px}.hero-search{align-items:center;animation:fade-up .65s ease .25s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:12px;margin:0 auto 50px;max-width:620px;padding:6px 6px 6px 20px;transition:border-color .25s,box-shadow .25s}.hero-search:focus-within{border-color:#7c3aed80;box-shadow:0 0 0 4px #7c3aed14,0 20px 60px #7c3aed1f}.hero-search-icon{color:#374151;flex-shrink:0}.hero-search input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-family:Inter,sans-serif;font-size:.97rem;min-width:0;outline:none;padding:10px 0}.hero-search input::placeholder{color:#2d3748}.hero-search-btn{background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.01em;padding:12px 28px;transition:opacity .2s,transform .15s;white-space:nowrap}.hero-search-btn:hover{opacity:.88;transform:scale(1.02)}.hero-stats{animation:fade-up .65s ease .35s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;min-width:110px;padding:16px 28px;text-align:center;transition:border-color .2s,transform .2s}.hero-stat-card:hover{border-color:#7c3aed4d;transform:translateY(-2px)}.hero-stat-num{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:800;line-height:1.1}.hero-stat-label{color:#374151;font-size:.68rem;font-weight:600;letter-spacing:.12em;margin-top:5px;text-transform:uppercase}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.howtos-promo-banner{align-items:center;background:linear-gradient(135deg,#0f1623,#13192b);border:1px solid #7c3aed33;border-left:3px solid #7c3aed;border-radius:14px;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:20px;justify-content:space-between;margin:28px 60px;padding:18px 28px;transition:border-color .2s,box-shadow .2s,transform .2s}.howtos-promo-banner:hover{border-color:#7c3aed73;box-shadow:0 8px 32px #7c3aed1a;transform:translateY(-1px)}.promo-content{align-items:center;display:flex;gap:16px}.promo-tag{background:#7c3aed1f;border:1px solid #7c3aed4d;border-radius:999px;color:#a78bfa;font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.promo-content h3{color:#f1f5f9;font-size:.97rem;font-weight:700;margin:0}.promo-content p{color:#4a5568;font-size:.8rem;margin:2px 0 0}.promo-btn{background:#0000;border:1.5px solid #7c3aed66;border-radius:10px;color:#a78bfa;cursor:pointer;font-family:Inter,sans-serif;font-size:.83rem;font-weight:600;padding:10px 22px;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.promo-btn:hover{background:#7c3aed1f;border-color:#7c3aed99;color:#c4b5fd}.filter-controls-wrapper{background:#080c14!important;border-bottom:1px solid #ffffff0d!important;box-shadow:none!important;padding:20px 60px!important}.filter-label{color:#374151!important;letter-spacing:.1em!important}.cat-tab{background:#ffffff08!important;border:1px solid #ffffff0f!important;color:#4a5568!important;font-size:.8rem!important;transition:all .2s!important}.cat-tab:hover{background:#7c3aed0f!important;border-color:#7c3aed66!important;color:#a78bfa!important;transform:translateY(-1px)!important}.cat-tab.active{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;border-color:#0000!important;box-shadow:0 4px 16px #7c3aed4d!important;color:#fff!important;font-weight:700!important}.pricing-btn{background:#ffffff08!important;border:1px solid #ffffff0f!important;color:#4a5568!important;font-size:.8rem!important}.pricing-btn.active,.pricing-btn:hover{background:#7c3aed0f!important;border-color:#7c3aed66!important;color:#a78bfa!important;transform:translateY(-1px)!important}.secondary-row{border-top:1px solid #ffffff0a!important}.sort-select{background-color:#ffffff08!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;border:1px solid #ffffff0f!important;color:#4a5568!important}.sort-select option{background:#0f1623;color:#94a3b8}.sort-select:focus{border-color:#7c3aed80!important;outline:none}.search-wrapper-sticky{background:#ffffff08!important;border:1px solid #ffffff12!important;border-radius:12px!important}.search-wrapper-sticky:focus-within{border-color:#7c3aed80!important;box-shadow:0 0 0 3px #7c3aed14!important}.search-wrapper-sticky input{color:#e2e8f0!important}.search-wrapper-sticky input::placeholder{color:#2d3748!important}.search-icon-sticky{color:#374151!important}.search-wrapper-sticky button{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;border-radius:8px!important;color:#fff!important}.search-wrapper-sticky button:hover{opacity:.88!important}.results-count{color:#374151!important}.view-all-categories-btn{color:#a78bfa!important}.view-all-categories-btn:hover{background:#7c3aed14!important;color:#c4b5fd!important}@media (max-width:1024px){.home-hero{padding:80px 32px 70px}.howtos-promo-banner{margin:20px 32px}.filter-controls-wrapper{padding:16px 32px!important}}@media (max-width:768px){.home-hero{min-height:auto;padding:60px 20px 50px}.hero-stats{gap:10px}.hero-stat-card{min-width:90px;padding:14px 18px}.hero-stat-num{font-size:1.3rem}.hero-search{border-radius:12px;gap:8px;padding:10px 12px}.hero-search-btn{padding:12px;width:100%}.howtos-promo-banner{gap:12px;margin:16px 20px}.howtos-promo-banner,.promo-content{align-items:flex-start;flex-direction:column}.promo-content{gap:8px}.promo-btn{text-align:center;width:100%}.filter-controls-wrapper{padding:12px 16px!important}}.blogs-page{background-color:#0d1117;color:#e2e8f0;font-family:Inter,-apple-system,sans-serif;min-height:100vh}.blog-hero{align-items:center;display:flex;gap:48px;margin:0 auto;max-width:1400px;padding:72px 60px 56px}.blog-hero-left{flex:0 0 420px}.hero-badge{align-items:center;background:#34d3991f;border:1.5px solid #34d39966;border-radius:999px;color:#34d399;display:inline-flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.12em;margin-bottom:22px;padding:6px 14px}.hero-badge-dot{animation:pulse-dot 2s ease-in-out infinite;background:#34d399;border-radius:50%;height:7px;width:7px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero-title{color:#f1f5f9;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 18px}.hero-subtitle{color:#94a3b8;font-size:1rem;line-height:1.7;margin:0 0 32px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px}.cta-primary{background:#34d399;border-radius:999px;color:#0d1117;font-size:.95rem;font-weight:700;padding:13px 28px;text-decoration:none;transition:background .2s,transform .2s}.cta-primary:hover{background:#6ee7b7;transform:translateY(-1px)}.cta-outline{background:#0000;border:2px solid #34d399;border-radius:999px;color:#34d399;font-size:.95rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:background .2s,transform .2s}.cta-outline:hover{background:#34d3991a;transform:translateY(-1px)}.blog-hero-right{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr}.hero-cat-card{align-items:center;background:#1a2a1a;background:var(--cat-bg,#1a2a1a);border:1.5px solid #ffffff12;border-radius:18px;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:36px 20px;transition:border-color .2s,transform .2s,box-shadow .2s}.hero-cat-card.active,.hero-cat-card:hover{border-color:#34d399;box-shadow:0 8px 30px #34d39933;transform:translateY(-3px)}.hero-cat-icon{font-size:2rem}.hero-cat-label{font-size:.9rem;font-weight:600;text-align:center}.blog-body{align-items:flex-start;display:flex;gap:0;margin:0 auto;max-width:1400px;padding:0 60px 80px}.blog-sidebar{flex-shrink:0;margin-right:36px;max-height:calc(100vh - 100px);overflow-y:auto;position:sticky;scrollbar-color:#2d3748 #0000;scrollbar-width:thin;top:80px;width:240px}.blog-sidebar::-webkit-scrollbar{width:4px}.blog-sidebar::-webkit-scrollbar-track{background:#0000}.blog-sidebar::-webkit-scrollbar-thumb{background:#2d3748;border-radius:4px}.sidebar-section{background:#161b22;border:1px solid #21262d;border-radius:14px;margin-bottom:16px;padding:18px 16px}.sidebar-heading{align-items:center;color:#f1f5f9;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;margin-bottom:14px;-webkit-user-select:none;user-select:none}.chevron{color:#64748b;display:inline-block;font-size:.65rem;transition:transform .2s}.chevron.open{transform:rotate(0deg)}.chevron:not(.open){transform:rotate(-90deg)}.topic-list{display:flex;flex-direction:column;gap:4px}.topic-item{align-items:center;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.88rem;gap:10px;padding:7px 8px;transition:background .15s}.topic-item:hover{background:#1e2730;color:#e2e8f0}.topic-item input[type=checkbox],.topic-item input[type=radio]{appearance:none;background:#0000;border:2px solid #374151;border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;transition:background .15s,border-color .15s;width:16px}.topic-item input[type=radio]{border-radius:50%}.topic-item input[type=checkbox]:checked,.topic-item input[type=radio]:checked{background:#34d399;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%230d1117' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");border-color:#34d399}.topic-label{flex:1 1;line-height:1.4}.clear-filters-btn{background:#ef44441a;border:1.5px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-size:.82rem;font-weight:600;margin-top:4px;padding:10px 16px;transition:background .2s;width:100%}.clear-filters-btn:hover{background:#ef444433}.blog-main{flex:1 1;min-width:0}.blog-toolbar{flex-wrap:wrap;gap:16px;margin-bottom:28px}.blog-toolbar,.search-wrap{align-items:center;display:flex}.search-wrap{background:#161b22;border:1.5px solid #21262d;border-radius:12px;flex:1 1;gap:10px;min-width:200px;padding:0 16px;transition:border-color .2s}.search-wrap:focus-within{border-color:#34d399}.search-icon{color:#64748b;flex-shrink:0;font-size:.9rem}.search-input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:.92rem;outline:none;padding:12px 0}.search-input::placeholder{color:#4a5568}.sort-wrap{align-items:center;background:#161b22;border:1.5px solid #21262d;border-radius:12px;display:flex;gap:10px;padding:0 14px;white-space:nowrap}.sort-label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.1em}.sort-select{background:#0000;border:none;color:#e2e8f0;cursor:pointer;font-family:inherit;font-size:.92rem;outline:none;padding:12px 0}.sort-select option{background:#161b22}.post-count{color:#64748b;font-size:.85rem;white-space:nowrap}.post-count strong{color:#e2e8f0}.post-count .accent{color:#34d399}.blog-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.blog-card{background:#161b22;border:1.5px solid #21262d;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.blog-card:hover{border-color:#34d39933;box-shadow:0 16px 48px #00000080;transform:translateY(-4px)}.card-image-wrap{aspect-ratio:16/9;background:#0d1117;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .card-image{transform:scale(1.04)}.card-like-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1.5px solid #ffffff1f;border-radius:50%;bottom:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:12px;transition:color .2s,background .2s,transform .2s;width:36px}.card-like-btn:hover{background:#000000bf;color:#f87171;transform:scale(1.1)}.card-like-btn.liked{color:#f87171}.card-tags{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px 0}.card-tag{background:#34d3991f;border:1px solid #34d39940;border-radius:999px;color:#34d399;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:4px 12px}.card-body{flex:1 1;padding:14px 18px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f1f5f9;display:-webkit-box;font-size:1.05rem;font-weight:700;line-height:1.45;margin:0 0 12px;overflow:hidden}.card-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:16px;margin-bottom:10px}.card-author{color:#94a3b8;font-weight:500}.card-date{color:#64748b}.card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.85rem;line-height:1.65;margin:0;overflow:hidden}.card-read-btn{background:#34d399;border-radius:12px;color:#0d1117;cursor:pointer;display:block;font-size:.9rem;font-weight:700;margin:8px 18px 18px;padding:14px 24px;text-align:center;text-decoration:none;transition:background .2s,transform .15s}.card-read-btn:hover{background:#6ee7b7;transform:translateY(-1px)}.no-results{color:#4a5568;padding:80px 20px;text-align:center}.no-results span{display:block;font-size:3rem;margin-bottom:16px}.no-results p{color:#64748b;font-size:1.1rem;margin-bottom:24px}.no-results button{background:#34d399;border:none;border-radius:999px;color:#0d1117;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 28px}.pagination{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:40px;padding-bottom:8px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.page-btn{background:#161b22;border:1.5px solid #21262d;border-radius:10px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:500;padding:9px 18px;transition:border-color .2s,color .2s,background .2s,transform .15s}.page-btn:hover:not(:disabled){border-color:#34d399;color:#34d399;transform:translateY(-1px)}.page-btn:disabled{cursor:not-allowed;opacity:.35}.page-num{min-width:40px;padding:9px 14px}.page-num.active{background:#34d399;border-color:#34d399;color:#0d1117;font-weight:700}.page-num.active:hover{background:#6ee7b7;border-color:#6ee7b7;color:#0d1117;transform:none}.page-label{background:#161b22;border:1px solid #21262d;border-radius:999px;color:#4a5568;font-size:.8rem;margin:0;padding:6px 16px}@media (max-width:1100px){.blog-hero{flex-direction:column;padding:48px 32px 40px}.blog-hero-left{flex:initial;width:100%}.blog-body{padding:0 32px 60px}.blog-grid{grid-template-columns:1fr}}@media (max-width:768px){.blog-hero{padding:40px 20px}.hero-title{font-size:2.1rem}.blog-hero-right{grid-template-columns:1fr 1fr;width:100%}.blog-body{flex-direction:column;padding:0 20px 60px}.blog-sidebar{margin-bottom:24px;margin-right:0;position:static;width:100%}.blog-toolbar{flex-wrap:wrap;gap:10px}.search-wrap{min-width:0;min-width:auto;width:100%}.post-count{display:none}}.detail-page{background-color:#0d1117;color:#e2e8f0;font-family:Inter,-apple-system,sans-serif;min-height:100vh;padding:48px 20px 80px}.detail-container{margin:0 auto;max-width:820px}.detail-breadcrumb{align-items:center;color:#4a5568;display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px;margin-bottom:28px}.detail-breadcrumb a{color:#64748b;text-decoration:none;transition:color .15s}.detail-breadcrumb a:hover{color:#34d399}.detail-breadcrumb .sep{color:#2d3748}.detail-breadcrumb .current{color:#94a3b8;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tags{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.detail-tag{background:#34d3991f;border:1px solid #34d39940;border-radius:999px;color:#34d399;font-size:.75rem;font-weight:600;padding:5px 14px}.detail-read-time{color:#64748b;font-size:.8rem;margin-left:auto}.detail-title{color:#f1f5f9;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 20px}.detail-meta{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:12px;margin-bottom:32px}.detail-author{color:#94a3b8;font-weight:500}.detail-dot{color:#374151}.detail-image-wrap{border:1px solid #21262d;border-radius:16px;margin-bottom:40px;overflow:hidden}.detail-image{display:block;height:420px;object-fit:cover;width:100%}.detail-article{color:#94a3b8;line-height:1.8}.detail-excerpt{border-left:3px solid #34d399;color:#cbd5e1;font-size:1.05rem;line-height:1.8;margin:0 0 40px;padding-left:20px}.detail-keywords{background:#161b22;border:1px solid #21262d;border-radius:14px;margin-bottom:32px;padding:24px}.detail-keywords h3{color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.1em;margin:0 0 16px;text-transform:uppercase}.kw-list{display:flex;flex-wrap:wrap;gap:8px}.kw-chip{background:#1e2730;border:1px solid #2d3748;border-radius:8px;color:#94a3b8;font-size:.78rem;padding:5px 12px;transition:background .15s,color .15s}.kw-chip:hover{background:#252e3a;color:#e2e8f0}.detail-notice{align-items:flex-start;background:#eab30812;border:1px solid #eab30833;border-radius:12px;display:flex;gap:14px;margin-bottom:40px;padding:18px 20px}.detail-notice span{flex-shrink:0;font-size:1.4rem;margin-top:2px}.detail-notice p{color:#a16207;color:#fbbf24;font-size:.88rem;line-height:1.6;margin:0}.detail-back-btn{background:#161b22;border:1.5px solid #21262d;border-radius:10px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:12px 24px;transition:border-color .2s,color .2s,transform .15s}.detail-back-btn:hover{border-color:#34d399;color:#34d399;transform:translateX(-2px)}.detail-not-found{padding:100px 20px;text-align:center}.detail-not-found span{display:block;font-size:3.5rem;margin-bottom:20px}.detail-not-found h2{color:#f1f5f9;font-size:1.8rem;margin-bottom:12px}.detail-not-found p{color:#64748b;margin-bottom:28px}.detail-not-found button{background:#34d399;border:none;border-radius:999px;color:#0d1117;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:13px 28px;transition:background .2s}.detail-not-found button:hover{background:#6ee7b7}.detail-markdown{color:#cbd5e1;font-size:1rem;line-height:1.85;margin-bottom:40px}.detail-markdown h1,.detail-markdown h2,.detail-markdown h3,.detail-markdown h4{color:#f1f5f9;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:2em 0 .6em}.detail-markdown h1{font-size:1.9rem}.detail-markdown h2{border-bottom:1px solid #21262d;font-size:1.45rem;padding-bottom:10px}.detail-markdown h3{color:#e2e8f0;font-size:1.15rem}.detail-markdown h4{color:#94a3b8;font-size:1rem}.detail-markdown p{color:#94a3b8;margin:0 0 1.3em}.detail-markdown a{color:#34d399;text-decoration:underline;text-underline-offset:3px}.detail-markdown a:hover{color:#6ee7b7}.detail-markdown ol,.detail-markdown ul{margin:0 0 1.3em;padding-left:24px}.detail-markdown li{color:#94a3b8;margin-bottom:6px}.detail-markdown li::marker{color:#34d399}.detail-markdown blockquote{background:#34d3990d;border-left:3px solid #34d399;border-radius:0 8px 8px 0;color:#94a3b8;font-style:italic;margin:0 0 1.3em;padding:10px 20px}.detail-markdown code{background:#1e2730;border:1px solid #2d3748;border-radius:5px;color:#34d399;font-family:Courier New,Consolas,monospace;font-size:.88em;padding:2px 8px}.detail-markdown pre{background:#161b22;border:1px solid #21262d;border-radius:12px;margin:0 0 1.5em;overflow-x:auto;padding:20px 24px}.detail-markdown pre code{background:none;border:none;color:#e2e8f0;font-size:.9rem;padding:0}.detail-markdown hr{border:none;border-top:1px solid #21262d;margin:2em 0}.detail-markdown img{border-radius:10px;margin:16px 0;max-width:100%}.detail-markdown strong{color:#e2e8f0;font-weight:700}.detail-markdown em{color:#a5b4fc}.detail-markdown table{border-collapse:collapse;font-size:.9rem;margin:0 0 1.5em;width:100%}.detail-markdown th{background:#161b22;border-bottom:2px solid #21262d;color:#f1f5f9;font-weight:600;padding:10px 14px;text-align:left}.detail-markdown td{border-bottom:1px solid #21262d;color:#94a3b8;padding:10px 14px}.detail-markdown tr:hover td{background:#161b22}@media (max-width:768px){.detail-title{font-size:1.6rem}.detail-image{height:240px}.detail-read-time{margin-left:0}}.submit-page-wrapper{background:#0a0e2e;color:#fff;font-family:Inter,sans-serif;min-height:calc(100vh - 80px);overflow:hidden;padding:60px 80px 100px;position:relative}.submit-page-wrapper:before{background:radial-gradient(ellipse at 80% 20%,#c1206126 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#4f46e526 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.submit-header{margin:0 auto 50px;max-width:800px;position:relative;text-align:center;z-index:2}.back-link{align-items:center;color:#94a3b8;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;text-decoration:none;transition:color .2s}.back-link:hover{color:#f472b6}.submit-header h1{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.5px;margin:0 0 16px}.submit-header h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c12061,#818cf8);-webkit-background-clip:text;background-clip:text}.submit-header p{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 0 16px}.highlight-text{background:#c1206126;border:1px solid #c120614d;border-radius:50px;color:#f472b6;display:inline-block;font-size:13px;font-weight:700;padding:8px 18px}.submit-content-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 340px;margin:0 auto;max-width:1200px;position:relative;z-index:2}.submit-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;padding:40px}.submit-form h3{border-bottom:1px solid #ffffff0d;color:#fff;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.form-error-msg{background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:14px;font-weight:600;margin-bottom:24px;padding:12px 16px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#cbd5e1;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-group select option{background-color:#1a111b;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff14;border-color:#c1206199;box-shadow:0 0 0 3px #c120611f}.form-group textarea{height:120px;resize:vertical}.submit-submit-btn{background:linear-gradient(135deg,#c12061,#9b1c4e);border:none;border-radius:12px;box-shadow:0 4px 20px #c1206166;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:opacity .2s,transform .2s;width:100%}.submit-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-perks-sidebar{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;height:fit-content;padding:30px}.submit-perks-sidebar h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 24px}.perk-item{display:flex;gap:16px;margin-bottom:24px}.perk-icon-wrap{font-size:24px;line-height:1}.perk-text h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.perk-text p{color:#94a3b8;font-size:13px;line-height:1.5;margin:0}.submit-success-container{align-items:center;background:#0a0e2e;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.success-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;max-width:500px;padding:60px 40px;text-align:center}.success-icon{color:#10b981;margin-bottom:24px}.success-card h2{font-size:26px;font-weight:800;margin:0 0 12px}.success-card p{color:#94a3b8;font-size:15px;line-height:1.6;margin:0 0 32px}.success-actions{display:flex;gap:12px;justify-content:center}@media (max-width:1024px){.submit-page-wrapper{padding:40px}.submit-content-layout{grid-template-columns:1fr}}@media (max-width:768px){.submit-page-wrapper{padding:40px 20px}.form-row{grid-template-columns:1fr}}.category-detail-wrapper{background:#0d1233;color:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:60px 80px 100px}.category-detail-header{margin:0 auto 50px;max-width:800px;text-align:center}.category-detail-header h1{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.5px;margin:0 0 16px}.category-detail-header h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c12061,#818cf8);-webkit-background-clip:text;background-clip:text}.category-detail-header p{color:#94a3b8;font-size:16px;margin:0 0 12px}.category-detail-count{background:#818cf826;border-radius:50px;color:#818cf8;display:inline-block;font-size:13px;font-weight:700;padding:6px 16px}.category-detail-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px}.category-detail-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-weight:600;justify-content:center;min-height:50vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#c12061;border-radius:50%;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.category-detail-wrapper{padding:40px 20px}.category-detail-grid{grid-template-columns:1fr}}.auth-page-wrapper{align-items:center;background:radial-gradient(circle at 50% 50%,#1e1b4b 0,#09090b 100%);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.auth-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:480px;padding:40px;width:100%}.auth-tabs{background:#0f172a99;border:1px solid #ffffff0a;border-radius:14px;display:flex;gap:12px;margin-bottom:30px;padding:6px}.auth-tab-btn{background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-tab-btn.active{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 15px #6366f14d;color:#fff}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.auth-header p{color:#94a3b8;font-size:15px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#e2e8f0;font-size:14px;font-weight:500;margin-left:4px}.form-group input{background:#0f172a80;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease}.form-group input:focus{background:#0f172acc;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.auth-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#f87171;font-size:14px;padding:12px;text-align:center}.auth-submit-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f140;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease}.auth-submit-btn:hover{box-shadow:0 6px 25px #6366f159;transform:translateY(-2px)}.auth-submit-btn:active{transform:translateY(0)}.profile-page-wrapper{align-items:center;background:radial-gradient(circle at 50% 50%,#1e1b4b 0,#09090b 100%);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.profile-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:550px;padding:40px;width:100%}.profile-header{margin-bottom:35px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;box-shadow:0 8px 20px #6366f14d;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.profile-header h2{color:#fff;font-size:26px;margin-bottom:6px}.profile-header p{color:#94a3b8;font-size:14px}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-success{background:#22c55e1a;border:1px solid #22c55e33;border-radius:10px;color:#4ade80;font-size:14px;padding:12px;text-align:center}.profile-actions{display:flex;gap:12px;margin-top:10px}.profile-save-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f140;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.profile-save-btn:hover{box-shadow:0 6px 25px #6366f159;transform:translateY(-2px)}.profile-logout-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#f87171;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.profile-logout-btn:hover{background:#ef444433;border-color:#ef444480}.howtos-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:60px 40px}.howtos-header{margin-bottom:50px;text-align:center}.howtos-header.details-header{margin-bottom:40px;text-align:left}.howtos-badge{background:#6366f11a;border-radius:20px;color:#6366f1;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:16px;padding:6px 14px;text-transform:uppercase}.howtos-header h1{color:#0f172a;font-size:42px;font-weight:900;letter-spacing:-1px;margin:0 0 16px}.howtos-header h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text}.howtos-header p{color:#64748b;font-size:18px;line-height:1.6;margin:0 auto;max-width:650px}.howtos-header.details-header p{margin:0}.howtos-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.howto-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.howto-card:after{background:linear-gradient(90deg,#6366f1,#a855f7);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.howto-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.howto-card:hover:after{opacity:1}.howto-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.howto-tag{background:#f1f5f9;border-radius:12px;color:#475569;font-size:12px;font-weight:600;padding:4px 10px}.howto-count{color:#94a3b8;font-size:13px;font-weight:500}.howto-icon-wrap{align-items:center;background:#f8fafc;border-radius:16px;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.card-icon.blue{background:#3b82f61a;color:#3b82f6}.card-icon.purple{background:#8b5cf61a;color:#8b5cf6}.card-icon.green{background:#10b9811a;color:#10b981}.card-icon.orange{background:#f59e0b1a;color:#f59e0b}.card-icon.magenta{background:#d946ef1a;color:#d946ef}.card-icon.red{background:#ef44441a;color:#ef4444}.howto-card-content h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 12px}.howto-card-content p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.howto-card-footer{margin-top:auto;padding-top:24px}.howto-btn{color:#6366f1;font-size:14px;font-weight:600;transition:color .2s ease}.howto-card:hover .howto-btn{color:#a855f7}.back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:20px;padding:8px 12px;transition:all .2s ease}.back-btn:hover{background:#f1f5f9;color:#1e293b}.qa-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.qa-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #00000005;cursor:pointer;padding:24px;transition:all .25s ease}.qa-card:hover{background:#f8fafc;border-color:#cbd5e1}.qa-card.expanded{border-color:#6366f1;box-shadow:0 10px 15px -3px #6366f11a}.qa-question-row{align-items:center;display:flex;gap:16px}.q-icon{color:#6366f1;flex-shrink:0}.qa-question-row h3{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;margin:0}.chevron-icon{color:#94a3b8;transform:rotate(180deg);transition:transform .3s ease}.qa-card.expanded .chevron-icon{color:#6366f1;transform:rotate(0deg)}.qa-answer-row{align-items:flex-start;animation:fadeIn .3s ease-out forwards;border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:20px;padding-top:20px}.a-icon{color:#10b981;flex-shrink:0;margin-top:4px}.a-content{flex:1 1}.qa-points{list-style-type:none;margin:0;padding:0}.qa-points li{align-items:flex-start;color:#475569;display:flex;font-size:15px;gap:10px;line-height:1.6;margin-bottom:12px;position:relative}.qa-points li:before{color:#10b981;content:"•";font-size:20px;font-weight:700;line-height:1;margin-top:-2px}.qa-points li:last-child{margin-bottom:0}.qa-answer-row p{color:#475569;font-size:15px;line-height:1.7;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.howtos-filter-container{align-items:center;display:flex;flex-direction:row;gap:20px;margin-bottom:40px}.howtos-search-form{display:flex;flex:2 1;gap:12px;width:100%}.howtos-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#0f172a;flex:1 1;font-size:15px;padding:16px 20px;transition:all .3s ease}.howtos-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 15px #6366f126;outline:none}.howtos-search-input::placeholder{color:#94a3b8}.howtos-search-button{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:16px 28px;transition:all .2s ease;white-space:nowrap}.howtos-search-button:hover{box-shadow:0 4px 12px #6366f14d;opacity:.9;transform:translateY(-1px)}.howtos-select-wrapper{flex:1 1;width:100%}.howtos-dropdown-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:16px;color:#0f172a;cursor:pointer;font-size:15px;padding:16px 20px;transition:all .3s ease;width:100%}.howtos-dropdown-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 15px #6366f126;outline:none}.howtos-dropdown-select option{background:#fff;color:#0f172a}.howtos-no-results{background:#0f172a66;border:1px dashed #ffffff1a;border-radius:24px;margin-top:20px;padding:60px 20px;text-align:center}.howtos-no-results h3{color:#f1f5f9;font-size:20px;margin-bottom:8px}.howtos-no-results p{color:#64748b;font-size:15px;margin-bottom:24px}.howto-reset-btn{background:#fff;border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.howto-reset-btn:hover{background:#f1f5f9;transform:translateY(-1px)}@media (max-width:768px){.howtos-filter-container{align-items:stretch;flex-direction:column}}@media (max-width:640px){.howtos-container{padding:40px 20px}.howtos-header h1{font-size:32px}.howtos-grid{grid-template-columns:1fr}}.tutorials-page{background-color:#f8fafc;font-family:Inter,sans-serif;min-height:100vh;padding-bottom:60px}.tutorials-header{align-items:center;background-color:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:30px 60px}.tutorials-header-left{align-items:center;display:flex;gap:16px}.tutorials-icon-wrap{align-items:center;display:flex;font-size:32px;justify-content:center}.tutorials-title-box h1{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.tutorials-title-box p{color:#64748b;font-size:14px;font-weight:500;margin:4px 0 0}.tutorials-badges{display:flex;gap:10px}.badge-blue{background-color:#e0f2fe;border-radius:20px;color:#0284c7;font-size:12px;font-weight:700;padding:4px 12px}.tutorials-social{display:flex;gap:8px}.social-btn{align-items:center;background-color:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.social-btn:hover{background-color:#e2e8f0;color:#334155}.tutorials-filters-wrapper{background-color:#f4f7fb;padding:24px 60px}.filter-controls{display:flex;gap:16px;margin-bottom:20px}.search-input-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex:1 1;padding:0 16px}.search-input-wrapper input{background:#0000;border:none;color:#334155;font-size:15px;outline:none;padding:14px 12px;width:100%}.search-input-wrapper input::placeholder{color:#94a3b8;font-style:italic}.dropdown-select{font-weight:500;min-width:140px;outline:none;padding:0 16px}.dropdown-select,.favorites-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#334155;cursor:pointer;font-size:14px}.favorites-btn{align-items:center;display:flex;font-weight:600;gap:8px;padding:0 20px;transition:all .2s}.favorites-btn:hover{background:#f8fafc}.topics-row{display:flex;flex-wrap:wrap;gap:10px}.topic-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.topic-pill.active,.topic-pill:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #00000005}.tutorials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:32px;padding:0 60px}.tutorial-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000005,0 10px 15px #00000008;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tutorial-card:hover{box-shadow:0 10px 25px #00000014;transform:translateY(-4px)}.tutorial-thumbnail-container{aspect-ratio:16/9;background-color:#1e293b;overflow:hidden;position:relative;width:100%}.tutorial-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.tutorial-card:hover .tutorial-thumbnail{transform:scale(1.05)}.tutorial-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px}.tutorial-card-body{display:flex;flex:1 1;flex-direction:column;padding:12px}.level-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;margin-bottom:10px;padding:4px 8px}.level-badge.advanced{background:#fee2e2;color:#ef4444}.level-badge.beginner{background:#dcfce7;color:#22c55e}.level-badge.intermediate{background:#fef3c7;color:#eab308}.tutorial-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:10px;overflow:hidden;transition:color .2s ease}.tutorial-tags{display:flex;gap:8px;margin-bottom:16px}.tutorial-tags span{color:#64748b;font-size:12px;font-weight:500}.tutorial-card-footer{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;justify-content:space-between;padding:10px 14px 14px}.tutorial-footer-actions{display:flex;gap:12px}.tutorial-footer-btn{align-items:center;background:#0000;border:none;color:#cbd5e1;cursor:pointer;display:flex;padding:0;transition:color .2s}.tutorial-footer-btn:hover{color:#ef4444}.tutorial-views{align-items:center;color:#cbd5e1;display:flex;font-size:12px;font-weight:500;gap:6px}@media (max-width:1024px){.tutorials-filters-wrapper,.tutorials-grid,.tutorials-header{padding-left:30px;padding-right:30px}}@media (max-width:768px){.tutorials-header{align-items:flex-start;gap:16px}.filter-controls,.tutorials-header{flex-direction:column}}.video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.video-modal-content{background:#0000;border-radius:12px;display:flex;flex-direction:column;max-width:1000px;overflow:hidden;width:90%}.video-modal-header{align-items:center;background:#0f172ae6;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.video-modal-title h2{color:#fff;font-size:18px;font-weight:700;margin:0}.video-modal-close{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.video-modal-close:hover{color:#fff}.video-modal-body{background:#000;padding-bottom:56.25%;position:relative;width:100%}.video-modal-body iframe{height:100%;left:0;position:absolute;top:0;width:100%}
/*# sourceMappingURL=main.929e31de.css.map*/