@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%}body{margin:0}:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#08090e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#08090e;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{background:radial-gradient(circle at 50% -10%,#6948ff2e,#0000 34%),#08090e;min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(100px);opacity:.13;border-radius:50%;position:absolute}.ambient-one{background:#7047ff;width:520px;height:520px;top:500px;left:-350px}.ambient-two{background:#236cff;width:480px;height:480px;top:1000px;right:-320px}.ambient-three{background:#9b45ff;width:400px;height:400px;top:1900px;left:45%}.navbar{z-index:10;width:min(1160px,100% - 40px);height:82px;margin:auto;position:relative}.nav-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{letter-spacing:-.7px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:flex}.logo-symbol{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 25px #7c3aed4d}.logo-name{align-items:baseline;gap:7px;display:flex}.logo-name small{color:#777087;letter-spacing:.2px;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:9px;font-weight:600}.nav-links{color:#9298aa;align-items:center;gap:34px;font-size:14px;display:flex}.nav-links a{transition:all .2s}.nav-links a:hover{color:#fff}.submit-nav{color:#e9ebf3;background:#ffffff09;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.submit-nav:hover{background:#8b5cf614;border-color:#8b5cf666}.hero{justify-content:center;align-items:center;width:min(1120px,100% - 40px);min-height:690px;margin:auto;display:flex;position:relative}.hero-content{text-align:center;z-index:3;width:100%;position:relative}.hero-pill{color:#aaa4c3;background:#8b5cf60f;border:1px solid #8b5cf63d;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin:0 auto 27px;padding:8px 14px;font-size:12px;display:flex}.status-dot{background:#8b5cf6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #8b5cf6}.hero-brand{color:#d8d4e7;letter-spacing:.2px;justify-content:center;align-items:baseline;gap:9px;margin-bottom:12px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;display:flex}.hero-brand small{color:#777087;letter-spacing:.4px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:600}.hero h1{letter-spacing:-4.5px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(48px,7vw,82px);font-weight:800;line-height:.99}.hero h1 span{background:linear-gradient(90deg,#a78bfa,#818cf8,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:#858b9b;margin:28px auto 36px;font-size:16px;line-height:1.7}.main-search{background:#10121aeb;border:1px solid #ffffff21;border-radius:18px;align-items:center;gap:13px;width:min(760px,100%);height:72px;margin:auto;padding:7px 8px 7px 21px;transition:all .25s;display:flex;position:relative;box-shadow:0 25px 80px #00000059,0 0 0 5px #7c3aed06}.main-search:focus-within{border-color:#8b5cf68c;box-shadow:0 25px 80px #00000059,0 0 0 5px #7c3aed14}.search-icon{color:#73798b;flex-shrink:0;display:flex}.main-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.main-search input::placeholder{color:#656b7b}.main-search button{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);border:0;border-radius:13px;align-items:center;gap:11px;height:56px;padding:0 23px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 30px #6366f133}.main-search button:hover{filter:brightness(1.08);transform:translateY(-1px)}.search-examples{color:#626879;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:17px;font-size:12px;display:flex}.search-examples button{color:#858b9c;background:0 0;border:0;padding:0}.search-examples button:hover{color:#b7a6ff}.floating-card{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:left;background:#10121bc7;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;box-shadow:0 20px 50px #0003}.floating-card strong{color:#dfe2eb;margin-bottom:2px;font-size:11px;display:block}.floating-card small{color:#686e7e;font-size:9px}.mini-icon{border-radius:10px;place-items:center;width:35px;height:35px;font-size:8px;font-weight:800;display:grid}.mini-icon.purple{color:#c4b5fd;background:#8b5cf626}.mini-icon.blue{color:#93c5fd;background:#3b82f626}.mini-icon.orange{color:#fdba74;background:#f9731626}.floating-card-one{top:220px;left:10px;transform:rotate(-5deg)}.floating-card-two{top:285px;right:5px;transform:rotate(5deg)}.floating-card-three{bottom:120px;left:75px;transform:rotate(4deg)}.discovery-strip{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;justify-content:center;align-items:center;gap:35px;width:min(900px,100% - 40px);margin:0 auto 120px;padding:22px 0;display:flex}.discovery-item{color:#747a8a;align-items:center;gap:10px;font-size:11px;display:flex}.discovery-item strong{color:#8d7bb9;font-family:Manrope,sans-serif}.discovery-line{background:#ffffff14;width:1px;height:17px}.content-section{z-index:2;width:min(1100px,100% - 40px);margin:0 auto;position:relative}.popular-section,.categories-section{margin-bottom:125px}.section-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px;display:flex}.section-kicker{color:#8176a1;letter-spacing:1.7px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.section-top h2,.how-heading h2{color:#f0f2f7;letter-spacing:-1.5px;margin:0;font-family:Manrope,sans-serif;font-size:30px;line-height:1.15}.section-note{color:#626879;font-size:11px}.popular-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.popular-card{color:#b9bdc9;text-align:left;background:#ffffff06;border:1px solid #ffffff13;border-radius:13px;align-items:center;gap:15px;min-height:70px;padding:0 18px;transition:all .22s;display:flex}.popular-card:hover{color:#fff;background:#8b5cf60f;border-color:#8b5cf64d;transform:translateY(-3px)}.popular-index{color:#686e7d;font-size:10px}.popular-text{flex:1;font-size:13px}.popular-arrow{color:#666c7d}.category-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.category-card{color:#fff;text-align:left;background:#ffffff06;border:1px solid #ffffff13;border-radius:17px;flex-direction:column;justify-content:space-between;min-height:185px;padding:20px;transition:all .25s;display:flex}.category-card:hover,.category-card.active{background:#8b5cf60e;border-color:#8b5cf657;transform:translateY(-4px);box-shadow:0 18px 50px #0003}.category-top{justify-content:space-between;display:flex}.category-icon{color:#aaa1c8;background:#8b5cf617;border-radius:12px;place-items:center;width:43px;height:43px;font-size:15px;font-weight:700;display:grid}.category-arrow{color:#5d6373}.category-bottom h3{color:#e8eaf0;margin:0 0 5px;font-size:14px}.category-bottom p{color:#6c7282;margin:0;font-size:11px;line-height:1.5}.how-section{grid-template-columns:.9fr 1.4fr;align-items:start;gap:80px;margin-bottom:125px;display:grid}.how-heading h2 span{color:#9d88df}.steps{border-top:1px solid #ffffff12}.step{border-bottom:1px solid #ffffff12;grid-template-columns:55px 1fr;gap:20px;padding:27px 0;display:grid}.step-number{color:#776d93;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.step h3{color:#e7e9ef;margin:0 0 7px;font-size:15px}.step p{color:#707687;max-width:420px;margin:0;font-size:12px;line-height:1.6}.submit-section{background:radial-gradient(circle at 80% 20%,#7c3aed21,#0000 35%),#ffffff06;border:1px solid #8b5cf629;border-radius:24px;width:min(1100px,100% - 40px);min-height:330px;margin:0 auto 110px;padding:55px;position:relative;overflow:hidden}.submit-content{z-index:3;position:relative}.submit-content h2{color:#f2f3f7;letter-spacing:-2px;margin:0;font-family:Manrope,sans-serif;font-size:39px;line-height:1.08}.submit-content h2 span{color:#a78bfa}.submit-content p{color:#777d8d;max-width:510px;margin:15px 0 25px;font-size:13px;line-height:1.7}.submit-button{color:#111217;background:#fff;border:0;border-radius:11px;align-items:center;gap:10px;padding:13px 19px;font-weight:700;transition:all .2s;display:flex}.submit-button:hover{transform:translateY(-2px)}.submit-orbit{pointer-events:none;border:1px solid #8b5cf61f;border-radius:50%;position:absolute}.orbit-one{width:400px;height:400px;top:-120px;right:-100px}.orbit-two{width:290px;height:290px;top:-65px;right:-45px}.orbit-three{width:180px;height:180px;top:-10px;right:10px}.footer{border-top:1px solid #ffffff12;width:min(1100px,100% - 40px);margin:auto;padding:30px 0 35px}.footer-main{justify-content:space-between;gap:50px;display:flex}.footer-brand p{color:#5e6473;margin:15px 0 0;font-size:11px;line-height:1.6}.footer-links{gap:80px;display:flex}.footer-column{flex-direction:column;gap:9px;display:flex}.footer-column span{color:#717789;letter-spacing:1.4px;margin-bottom:4px;font-size:9px;font-weight:700}.footer-column a{color:#626878;font-size:11px;transition:all .2s}.footer-column a:hover{color:#b8bdca}.footer-bottom{color:#4f5563;border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:45px;padding-top:18px;font-size:10px;display:flex}.footer-company{color:#686078;font-weight:600}@media (width<=850px){.floating-card{display:none}.category-grid,.popular-grid{grid-template-columns:repeat(2,1fr)}.how-section{grid-template-columns:1fr;gap:45px}}@media (width<=650px){.navbar{width:calc(100% - 28px)}.nav-links{display:none}.logo{gap:8px;font-size:19px}.logo-name{gap:5px}.logo-name small{font-size:8px}.submit-nav{padding:9px 12px}.hero{width:calc(100% - 28px);min-height:610px}.hero-brand{margin-bottom:10px;font-size:13px}.hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,63px)}.hero-description{font-size:14px}.desktop-break{display:none}.main-search{height:auto;min-height:65px;padding:6px 6px 6px 14px}.main-search input{font-size:14px}.main-search button{height:51px;padding:0 15px}.search-examples{line-height:1.8}.discovery-strip{gap:12px;width:calc(100% - 28px)}.discovery-item{text-align:center;flex-direction:column;gap:5px;font-size:9px}.discovery-line{height:25px}.content-section,.submit-section,.footer{width:calc(100% - 28px)}.section-top{flex-direction:column;align-items:flex-start;gap:10px}.section-top h2{font-size:25px}.popular-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category-card{min-height:160px;padding:15px}.category-bottom h3{font-size:12px}.category-bottom p{font-size:10px}.how-heading h2{font-size:30px}.submit-section{min-height:350px;padding:32px}.submit-content h2{font-size:31px}.footer-main{flex-direction:column}.footer-links{gap:50px}.footer-bottom{flex-direction:column;gap:8px}}@media (width<=420px){.logo{font-size:18px}.logo-symbol{width:31px;height:31px}.logo-name small{font-size:7px}.submit-nav{font-size:11px}.hero{min-height:590px}.hero-pill{font-size:10px}.hero-brand{font-size:12px}.hero-brand small{font-size:8px}.hero h1{font-size:42px}.main-search{gap:7px}.search-icon{display:none}.main-search button{padding:0 13px;font-size:12px}.category-grid{grid-template-columns:1fr}.category-card{min-height:135px}}.logo-button{color:inherit;background:0 0;border:0;padding:0}.results-page{z-index:3;min-height:calc(100vh - 82px);padding:55px 0 120px;position:relative}.results-container{width:min(1050px,100% - 40px);margin:0 auto}.results-header{margin-bottom:45px}.back-button{color:#747a8b;background:0 0;border:0;align-items:center;gap:9px;margin-bottom:42px;padding:0;font-size:12px;transition:all .2s;display:flex}.back-button:hover{color:#fff;transform:translate(-3px)}.results-title{margin-bottom:30px}.results-title h1{color:#f2f3f7;letter-spacing:-2.8px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(35px,5vw,55px);line-height:1.08}.results-title h1 span{color:#9e8be4}.results-title p{color:#696f80;margin:12px 0 0;font-size:13px}.results-search{background:#10121ad9;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:11px;width:min(680px,100%);height:58px;padding:5px 6px 5px 17px;display:flex}.results-search svg{color:#6d7384;flex-shrink:0}.results-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.results-search input::placeholder{color:#5e6474}.results-search button{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);border:0;border-radius:10px;height:46px;padding:0 17px;font-size:12px;font-weight:700}.results-list{flex-direction:column;gap:14px;display:flex}.tool-result{background:radial-gradient(circle at 0 0,#8b5cf60e,#0000 35%),#ffffff06;border:1px solid #ffffff13;border-radius:20px;grid-template-columns:42px 1fr auto;align-items:center;gap:20px;min-height:155px;padding:24px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.tool-result:before{content:"";opacity:0;background:linear-gradient(#8b5cf6,#6366f1);width:3px;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.tool-result:hover{background:radial-gradient(circle at 0 0,#8b5cf61c,#0000 40%),#8b5cf60b;border-color:#8b5cf652;transform:translateY(-3px);box-shadow:0 20px 55px #0003}.tool-result:hover:before{opacity:1}.tool-result-number{color:#555b6c;letter-spacing:1px;align-self:start;padding-top:7px;font-family:Manrope,sans-serif;font-size:10px;font-weight:800}.tool-identity{align-items:flex-start;gap:13px;display:flex}.tool-logo{background:linear-gradient(145deg,#ffffff17,#ffffff06);border:1px solid #ffffff17;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003,inset 0 1px #ffffff0f}.tool-logo:after{content:"";pointer-events:none;background:linear-gradient(135deg,#8b5cf61f,#0000 55%);position:absolute;inset:0}.tool-logo img{object-fit:contain;z-index:1;width:29px;height:29px;position:relative}.tool-logo span{color:#fff;letter-spacing:-.5px;z-index:1;font-size:14px;font-weight:800;position:relative}.tool-result:hover .tool-logo{background:linear-gradient(135deg,#8b5cf64d,#6366f121);border-color:#8b5cf673;transform:scale(1.05)rotate(-2deg)}.tool-title-area{min-width:0}.tool-name-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tool-name-row h2{color:#eceef4;letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:750}.best-match{color:#bcaaff;letter-spacing:.5px;text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf647;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:800}.tool-category{color:#9385b6;background:#8b5cf612;border:1px solid #8b5cf62e;border-radius:7px;margin-top:7px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.tool-description{color:#737989;max-width:650px;margin:12px 0 15px;font-size:12px;line-height:1.65}.tool-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tool-tag{color:#777d8c;background:#ffffff09;border:1px solid #ffffff0e;border-radius:7px;padding:5px 8px;font-size:9px;line-height:1;transition:all .2s}.tool-result:hover .tool-tag{color:#8f94a4;border-color:#8b5cf61a}.tool-result-featured{background:radial-gradient(circle at 0 0,#8b5cf61b,#0000 42%),#8b5cf609;border-color:#8b5cf62e}.tool-result-featured:after{content:"";background:#8b5cf6;border-radius:50%;width:5px;height:5px;position:absolute;top:14px;right:14px;box-shadow:0 0 15px #8b5cf6b3}.visit-tool{color:#e7e9ef;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-width:124px;padding:12px 15px;font-size:11px;font-weight:750;transition:all .2s;display:flex}.visit-tool:hover{color:#fff;background:linear-gradient(135deg,#8b5cf62e,#6366f11f);border-color:#8b5cf67a;transform:translateY(-2px);box-shadow:0 8px 25px #6366f11f}.visit-arrow{transition:transform .2s;display:inline-block}.visit-tool:hover .visit-arrow{transform:translate(2px,-2px)}.no-results{text-align:center;background:#ffffff06;border:1px solid #ffffff12;border-radius:20px;max-width:620px;margin:55px auto;padding:55px 30px}.no-results-icon{color:#9b8abf;background:#8b5cf612;border:1px solid #8b5cf633;border-radius:14px;place-items:center;width:50px;height:50px;margin:0 auto 20px;font-size:18px;font-weight:700;display:grid}.no-results h2{color:#e7e9ef;letter-spacing:-.8px;margin:0;font-family:Manrope,sans-serif;font-size:22px}.no-results p{color:#707687;max-width:480px;margin:12px auto 25px;font-size:12px;line-height:1.7}.suggestions{color:#626878;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.suggestions button{color:#858b9b;background:#ffffff09;border:1px solid #ffffff12;border-radius:7px;padding:7px 10px;font-size:10px}.suggestions button:hover{color:#fff;border-color:#8b5cf64d}@media (width<=700px){.tool-identity{gap:10px}.tool-logo{width:40px;height:40px}.tool-description{margin-top:10px}.tool-meta{gap:6px}.results-page{padding-top:35px}.results-container{width:calc(100% - 28px)}.results-title h1{letter-spacing:-2px;font-size:35px}.tool-result{grid-template-columns:30px 1fr;padding:20px}.visit-tool{grid-column:2;width:fit-content}}@media (width<=500px){.tool-identity{align-items:flex-start}.tool-name-row{gap:7px}.best-match{font-size:7px}.tool-tag{font-size:8px}.visit-tool{justify-content:center}.results-header,.back-button{margin-bottom:30px}.results-title h1{font-size:30px}.results-search{height:55px}.results-search button{height:43px;padding:0 12px}.tool-result{grid-template-columns:1fr;gap:12px}.tool-result-number{display:none}.visit-tool{grid-column:auto;width:100%}.tool-name-row h2{font-size:16px}.tool-result-main p{font-size:11px}.tool-logo{border-radius:13px;width:46px;height:46px}.tool-logo img{width:25px;height:25px}}.tool-logo-fallback{color:#fff;letter-spacing:-.5px;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:800;display:none;position:relative}.search-suggestions{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#181820fa,#0c0c12fa);border:1px solid #ffffff17;border-radius:17px;padding:8px;animation:.18s both suggestionsAppear;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 20px 55px #0006,0 0 30px #8b5cf614}.search-suggestion{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:background .18s,transform .18s;display:flex}.search-suggestion.selected{background:#8b5cf624;transform:translate(3px)}.search-suggestion.selected .suggestion-arrow{color:#b9a8ff;transform:translate(2px)}.search-suggestion.selected .suggestion-icon{background:#8b5cf62e;border-color:#8b5cf640}.search-suggestion:hover{background:#8b5cf61a;transform:translate(3px)}.suggestion-icon{color:#b9a8ff;background:#8b5cf61a;border:1px solid #8b5cf61f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.suggestion-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.suggestion-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.suggestion-meta{color:#ffffff6b;font-size:11px;font-weight:600}.suggestion-arrow{color:#ffffff59;flex-shrink:0;font-size:15px;transition:color .18s,transform .18s}.search-suggestion:hover .suggestion-arrow{color:#b9a8ff;transform:translate(2px)}@keyframes suggestionsAppear{0%{opacity:0;transform:translateY(-5px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.search-suggestions{border-radius:14px;padding:6px;top:calc(100% + 7px)}.search-suggestion{gap:10px;padding:10px}.suggestion-icon{border-radius:9px;width:31px;height:31px;font-size:15px}.suggestion-text{font-size:13px}.suggestion-meta{font-size:10px}}