@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--blue:#6c9cff;--cyan:#64e1d2;--violet:#a88cff;--ink:#eaf2ff;--muted:#91a4bd;--line:#263957;--bg:#07101f;--panel:#0d1b31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#07101f 0,#091426 37%,#f5f8fc 37% 100%)}.site-header{height:76px;display:flex;align-items:center;gap:34px;padding:0 max(28px,calc((100vw - 1180px)/2));background:#07101fd9;border-bottom:1px solid #29405e;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #6c9cff;border-radius:10px;background:linear-gradient(135deg,#638fff,#5de0ce);color:#07101f;font-size:18px;box-shadow:0 0 25px #6c9cff55}.site-header nav{display:flex;align-items:center;gap:29px;flex:1;margin-left:25px}.site-header nav a{padding:28px 0;color:#91a3bb;font-size:12px}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a.active{border-bottom:2px solid var(--cyan)}.header-actions{display:flex;align-items:center;gap:15px;font-size:12px}.login-btn{padding:10px 18px;border:1px solid #5574a2;border-radius:7px;background:#ffffff0a;color:#d9e8ff;font-size:12px}.login-btn:hover{background:#ffffff16;border-color:#7bafff}.text-button{border:0;background:none;color:#9db0c9}.user-name{color:#d9e8ff}.hero{position:relative;min-height:535px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #213653;background:radial-gradient(ellipse at 72% 50%,#173862 0,#0b1d36 30%,#07101f 70%)}.hero:before{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#6c9cff18 1px,transparent 1px),linear-gradient(90deg,#6c9cff18 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero:after{content:"";position:absolute;width:650px;height:650px;right:-90px;top:-60px;border:1px solid #5de0ce40;border-radius:50%;box-shadow:0 0 100px #6c9cff20,inset 0 0 80px #5de0ce14}.hero-content{position:relative;z-index:3;width:min(720px,90%);margin-left:-250px;text-align:left}.eyebrow,.kicker{color:var(--cyan);font:10px Space Grotesk,sans-serif;letter-spacing:3px}.hero h1{margin:21px 0 17px;color:#f5f8ff;font-family:Space Grotesk,sans-serif;font-size:62px;line-height:1.03;letter-spacing:-2px}.hero h1 em{display:inline-block;color:transparent;font-style:normal;background:linear-gradient(100deg,#75a5ff,#62e6d3);background-clip:text;-webkit-background-clip:text}.hero p{margin:0 0 29px;color:#9aacc4;font-size:14px;line-height:1.8}.hero-search{position:relative;display:flex;align-items:center;width:min(520px,100%);height:54px;margin:0 0 18px;padding:0 8px 0 17px;border:1px solid #55749e;background:#ffffff0b;border-radius:9px;box-shadow:0 0 35px #6c9cff18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.hero-search>span{color:#8db2eb;font-size:23px;margin-right:10px}.hero-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.hero-search input::placeholder{color:#7e91ad}.hero-search>button{flex:0 0 auto;width:58px;height:38px;padding:0;border:0;border-radius:6px;background:linear-gradient(100deg,#6c9cff,#5de0ce);color:#07101f;font-weight:700;font-size:12px;line-height:38px;white-space:nowrap;writing-mode:horizontal-tb}.hero-search input{min-width:0}.search-results{position:absolute;z-index:5;left:0;right:0;top:60px;padding:6px;border:1px solid #436186;border-radius:8px;background:#0d1b31;box-shadow:0 15px 40px #0008}.search-results button{display:block;width:100%;padding:9px;border:0;border-radius:5px;background:transparent;color:#e7f0ff;text-align:left;font-size:11px}.search-results button:hover{background:#ffffff12}.search-results small{display:block;margin-top:3px;color:#8da2bd;font-size:9px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 22px;border:0;border-radius:7px;background:linear-gradient(100deg,#6c9cff,#5de0ce);color:#07101f;font-size:12px;font-weight:700;box-shadow:0 10px 28px #5de0ce24}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #5de0ce40}.hero-art{position:absolute;z-index:2;right:12%;bottom:18px;width:410px;height:390px}.art-orbit{position:absolute;border:1px solid #6c9cff66;border-radius:50%;transform:rotate(-27deg)}.orbit-a{inset:22px}.orbit-b{inset:70px;border-color:#64e1d277;transform:rotate(53deg)}.art-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:116px;height:116px;transform:translate(-50%,-50%);border:1px solid #72a7ff;background:#112745;border-radius:50%;color:#fff;box-shadow:0 0 0 13px #6c9cff12,0 0 80px #6c9cff88}.art-core b{font:600 32px Space Grotesk;background:linear-gradient(120deg,#85abff,#64e1d2);color:transparent;background-clip:text;-webkit-background-clip:text}.art-core small{color:#94b0d5;font-size:8px;letter-spacing:3px}.art-card{position:absolute;display:grid;place-items:center;width:47px;height:47px;border:1px solid #6d8fbd;background:#10233d;border-radius:12px;color:var(--cyan);font-size:15px;box-shadow:0 10px 30px #0005}.card-a{left:20px;top:110px}.card-b{right:23px;top:54px;color:#b19cff}.card-c{right:43px;bottom:34px;color:#78a8ff}.hero-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px 5px #64e1d277}.dot-one{right:28%;top:25%}.dot-two{right:8%;bottom:25%}.trust-strip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);width:min(1000px,calc(100% - 48px));margin:-1px auto 0;padding:23px 0;border:1px solid #29405e;border-top:0;border-radius:0 0 12px 12px;background:#0b1a2f}.trust-strip div{display:flex;flex-direction:column;align-items:center;gap:6px;border-right:1px solid #2a405d}.trust-strip div:last-child{border:0}.trust-strip b{color:#e3eeff;font-size:13px}.trust-strip span{color:#8298b3;font-size:10px}.category-section,.tools-section,.service-links{background:#f5f8fc}.category-section{padding:85px 0 62px}.section-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.section-title{display:flex;align-items:flex-end;justify-content:space-between}.section-title h2{margin:9px 0 0;color:#19334f;font-family:Space Grotesk,sans-serif;font-size:29px}.section-title p{margin:8px 0 0;color:#8292a4;font-size:12px}.section-title>a{color:#4d82d5;font-size:11px}.section-title>a span{margin-left:12px;font-size:16px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.category-card{position:relative;min-height:154px;padding:17px 15px;border:1px solid #e0e8f1;border-radius:11px;background:#fff;text-align:left;transition:.25s;overflow:hidden}.category-card:after{content:attr(data-index);position:absolute;right:10px;bottom:-10px;color:#f0f4f8;font:700 46px Space Grotesk}.category-card:hover{transform:translateY(-7px);border-color:#8fb6ef;box-shadow:0 18px 35px #416b951f}.category-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:17px;border-radius:10px;background:#edf4ff;color:#5289e3;font-size:15px;font-weight:600}.category-card b{display:block;color:#294661;font-size:12px}.category-card small{display:block;margin-top:7px;color:#96a4b1;font-size:9px;line-height:1.5}.category-card i{position:absolute;right:14px;top:18px;color:#9dbce1;font-style:normal}.tools-section{padding:74px 0 89px}.tool-filter{display:flex;align-items:center;gap:15px}.tool-filter>button{border:0;background:none;color:#95a2af;font-size:11px}.tool-filter>button.active,.tool-filter>button:hover{color:#5088df}.tool-filter label{display:flex;align-items:center;width:145px;height:32px;padding:0 9px;border:1px solid #e0e8f1;border-radius:6px;background:#fff}.tool-filter label span{color:#9aabb9;font-size:17px;margin-right:5px}.tool-filter input{width:100%;border:0;outline:0;font-size:10px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:255px;padding:19px;border:1px solid #e0e8f1;border-radius:12px;background:#fff;box-shadow:0 4px 14px #315d8509;transition:.25s;overflow:hidden}.tool-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#6c9cff,transparent);opacity:0;transition:.25s}.tool-card:hover{transform:translateY(-5px);border-color:#a9c8ef;box-shadow:0 17px 35px #315d851c}.tool-card:hover:before{opacity:1}.card-top{display:flex;justify-content:space-between}.tool-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#edf4ff;color:#5289e3;font-size:18px;font-weight:600}.tool-icon.cyan{background:#e8faf7;color:#43ae9d}.tool-icon.violet{background:#f1edff;color:#8a76e0}.tool-icon.pink{background:#fff0f3;color:#d9829d}.tool-icon.orange{background:#fff3e6;color:#db9944}.tool-icon.green{background:#edf8e9;color:#77a84f}.tool-icon.teal{background:#e8f7f8;color:#48a6b7}.heart{border:0;background:none;color:#b7c5d0;font-size:20px}.heart:hover{color:#e47f9b}.tool-meta{display:flex;justify-content:space-between;margin-top:15px;color:#98a6b2;font-size:9px}.tool-meta b{padding:3px 7px;border-radius:4px;background:#eef5ff;color:#6096dc;font-weight:500}.tool-card h3{margin:11px 0 7px;color:#294660;font-size:14px}.tool-card p{flex:1;margin:0;color:#8c9ba8;font-size:10px;line-height:1.75}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:11px;border-top:1px solid #eff3f7}.card-bottom small{color:#a0adb8;font-size:9px}.card-bottom button{padding:7px 10px;border:0;border-radius:5px;background:#edf5ff;color:#5088df;font-size:10px}.card-bottom button span{margin-left:9px;font-size:14px}.more-btn{display:block;margin:32px auto 0;padding:10px 23px;border:1px solid #c6dff3;border-radius:6px;background:#fff;color:#5088df;font-size:11px}.more-btn span{margin-left:17px;font-size:15px}.empty{text-align:center;padding:60px;color:#8f9eaa;font-size:12px}.advantages{padding:76px 0 82px;background:#0b182c;border-top:1px solid #213653}.advantages .section-title h2{color:#f0f6ff}.advantages .kicker{color:var(--cyan)}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:31px}.advantage-grid>div{padding:21px;border:1px solid #29415f;border-radius:11px;background:linear-gradient(145deg,#10233d,#0b192d);transition:.25s}.advantage-grid>div:hover{transform:translateY(-5px);border-color:#5f91d6;box-shadow:0 15px 35px #0004}.adv-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:19px;border:1px solid #5c86bf;border-radius:9px;color:var(--cyan);font-size:20px}.advantage-grid b{color:#e8f1ff;font-size:13px}.advantage-grid p{margin:8px 0 0;color:#879db8;font-size:10px}.service-links{padding-top:0;padding-bottom:0}.service-links a{position:relative;padding:19px;border:1px solid #e0e8f1;border-radius:10px;background:#fff}.service-links a>span{color:#5c90e0;font-size:20px}.service-links b,.service-links small{display:block}.service-links b{margin-top:10px;color:#3c5870;font-size:12px}.service-links small{margin-top:4px;color:#a0acb7;font-size:8px;letter-spacing:1px}.service-links i{position:absolute;right:16px;top:20px;color:#92badd;font-style:normal}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:31px max(28px,calc((100vw - 1120px)/2));background:#fff;border-top:1px solid #e0e8f1;color:#8e9eab;font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;color:#405b73;font-size:13px}.footer-brand .brand-mark{width:25px;height:25px;font-size:14px}footer p{margin:7px 0}.footer-nav{text-align:right}.footer-nav a{margin-left:18px}.footer-nav a:hover{color:#5088df}footer>small{grid-column:1/-1;margin-top:18px;padding-top:17px;border-top:1px solid #e8edf2;font-size:9px}.toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translate(-50%);padding:11px 18px;border:1px solid #52739e;border-radius:6px;background:#0d213a;color:#fff;font-size:11px}.modal-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:#061326b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{position:relative;width:min(420px,100%);padding:31px;border:1px solid #dbe6f1;border-radius:12px;background:#fff;box-shadow:0 18px 65px #06132655}.modal-close{position:absolute;right:14px;top:9px;border:0;background:none;color:#91a1ae;font-size:23px}.tool-icon.large{width:58px;height:58px;font-size:25px}.modal-label{display:block;margin-top:16px;color:#8397aa;font-size:10px}.modal h2{margin:9px 0;color:#29455f;font-size:22px}.modal p{color:#8293a2;font-size:12px;line-height:1.8}.modal-action{width:100%;margin-top:14px}.auth-modal input{display:block;width:100%;margin:10px 0;padding:11px;border:1px solid #dce6ee;border-radius:6px;outline:0;font-size:12px}.auth-modal input:focus{border-color:#86b8e9}.form-error{padding:9px;background:#fff0f0;color:#c66d6d;font-size:10px}.switch-auth{width:100%;margin-top:13px;border:0;background:none;color:#5088df;font-size:11px}.category-section,.tools-section,.service-links{background:transparent}.tools-hub{padding:78px 0 88px;border-top:1px solid #1d304a}.hub-heading,.tools-heading{display:flex;align-items:flex-end;justify-content:space-between}.tools-heading h2{margin:9px 0 0;color:#eaf2ff;font-family:Space Grotesk,sans-serif;font-size:29px}.tools-heading p{margin:8px 0 0;color:#91a4bd;font-size:12px}.tools-heading{padding-top:0;border-top:0}.category-filter{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.category-filter button{padding:7px 12px;border:1px solid #2b4261;border-radius:6px;background:#0d1d34;color:#91a4bd;font-size:10px;transition:.2s}.category-filter button:hover,.category-filter button.active{border-color:#6c9cff;background:#19365c;color:#eaf2ff;box-shadow:0 0 14px #6c9cff25}.section-title h2{color:#eaf2ff}.section-title p{color:#91a4bd}.section-title>a{color:#72a5ff}.category-card,.tool-card,.service-links a{border-color:#263957;background:linear-gradient(145deg,#0d1d34,#0a1729);box-shadow:0 10px 28px #02081144}.category-card:hover,.tool-card:hover,.service-links a:hover{border-color:#658dc5;box-shadow:0 18px 38px #02081188}.category-card b,.tool-card h3,.service-links b{color:#e4edfb}.category-card small,.tool-card p,.service-links small{color:#8ca0ba}.category-icon{background:#142b4a;color:#75a7ff}.category-card:nth-child(2) .category-icon{background:#352b32;color:#e7ae73}.category-card:nth-child(3) .category-icon{background:#292344;color:#b19cff}.category-card:nth-child(4) .category-icon{background:#14353b;color:#64e1d2}.category-card:nth-child(5) .category-icon{background:#382632;color:#e991aa}.category-card:nth-child(6) .category-icon{background:#263923;color:#a1cb71}.category-card:after{color:#142641}.tool-filter>button{color:#91a4bd}.tool-filter>button.active,.tool-filter>button:hover{color:#75a7ff}.tool-filter label{border-color:#2b4261;background:#0d1d34}.tool-filter input{background:transparent;color:#eaf2ff}.tool-filter input::placeholder{color:#7187a3}.tool-meta{color:#8ca0ba}.tool-meta b{background:#142b4a;color:#75a7ff}.card-bottom{border-color:#223652}.card-bottom small{color:#8499b3}.card-bottom button{background:#142b4a;color:#75a7ff}.more-btn{border-color:#496b9a;background:#0d1d34;color:#75a7ff}.empty{color:#91a4bd}.advantages{border-color:#213653}.service-links{border-top:0}.service-links a>span{color:#64e1d2}.footer-brand{color:#dce9fa}footer{background:#07101f;border-color:#263957;color:#91a4bd}.footer-nav a:hover{color:#64e1d2}footer>small{border-color:#1d304a}.modal{border-color:#365477;background:#0d1d34;box-shadow:0 18px 65px #0009}.modal h2{color:#edf4ff}.modal p,.modal-label,.modal-close{color:#91a4bd}.auth-modal input{border-color:#365477;background:#09182b;color:#edf4ff}.auth-modal input::placeholder{color:#7187a3}.form-error{background:#3a202b;color:#ff9fb1}.switch-auth{color:#75a7ff}.app-shell{background:#07101f}.hero-search{color:#dce9fa}.tool-icon.blue{background:#142b4a;color:#75a7ff}.tool-icon.cyan{background:#14353b;color:#64e1d2}.tool-icon.violet{background:#292344;color:#b19cff}.tool-icon.pink{background:#382632;color:#e991aa}.tool-icon.orange{background:#3a3021;color:#e7b16f}.tool-icon.green{background:#263923;color:#a1cb71}.tool-icon.teal{background:#14343b;color:#64d7df}.toast{border-color:#466b9e;background:#102846}.hero-content{margin-left:-250px}@media(max-width:1100px){.hero-content{margin-left:0;width:58%}.hero-art{right:-45px;transform:scale(.82);transform-origin:right bottom;opacity:.62}}@media(max-width:950px){.hero-content{width:65%}.hero-art{right:-95px;transform:scale(.68);opacity:.42}.category-grid{grid-template-columns:repeat(3,1fr)}.tool-grid,.service-links{grid-template-columns:repeat(2,1fr)}.tools-section .section-title{display:block}.tool-filter{justify-content:flex-start;margin-top:20px}}.service-links{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}@media(max-width:620px){.hero-content{width:calc(100% - 32px);margin-left:auto}.hero-art{right:50%;transform:translate(50%);opacity:.6}.service-links{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:620px){.app-shell{background:linear-gradient(180deg,#07101f 0,#091426 28%,#f5f8fc 28% 100%)}.site-header{height:64px;padding:0 16px}.site-header nav{display:none}.header-actions{margin-left:auto}.hero{min-height:590px;align-items:flex-start}.hero-content{width:calc(100% - 32px);margin:73px auto 0;text-align:center}.hero h1{font-size:41px;letter-spacing:-1px}.hero p{font-size:12px}.hero-search{margin-left:auto;margin-right:auto}.hero-art{right:50%;bottom:-44px;width:300px;height:280px;transform:translate(50%);opacity:.6}.trust-strip{grid-template-columns:repeat(2,1fr);width:calc(100% - 32px);padding:18px 5px;gap:18px}.trust-strip div:nth-child(2){border:0}.trust-strip div:nth-child(3){border-top:1px solid #2a405d;padding-top:15px}.trust-strip div:nth-child(4){border-top:1px solid #2a405d;border-right:0;padding-top:15px}.section-wrap{width:calc(100% - 32px)}.tools-hub{padding:52px 0 62px}.tools-heading{align-items:flex-start;gap:12px}.tools-heading h2{font-size:23px}.category-filter{gap:6px;margin-top:18px}.category-filter button{padding:7px 10px;font-size:9px}.tool-filter{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:0}.tool-filter label{width:145px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:215px}.advantages{padding:58px 0 66px}.advantage-grid,.service-links{grid-template-columns:repeat(2,1fr);gap:10px}.advantage-grid>div{padding:15px;min-height:133px}.service-links a{padding:15px 12px}footer{display:block;padding:27px 16px 20px}footer p{margin:13px 0 20px}.footer-nav{text-align:left}.footer-nav a{margin:0 15px 0 0}footer>small{display:block;margin-top:20px}}.toast-enter-active,.toast-leave-active,.modal-enter-active,.modal-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:translateY(12px)}