:root{--mt-primary:#0d9488;--mt-primary-dark:#0f766e;--mt-primary-rgb:13, 148, 136;--mt-accent:#fb7185;--mt-accent-rgb:251, 113, 133;--mt-accent-2:#14b8a6;--mt-gradient:linear-gradient(135deg, #0f766e 0%, #14b8a6 55%, #fb7185 100%);--mt-page-bg:#f3faf9;--mt-hero-from:#ecfdf7;--mt-hero-via:#f0fdfa;--mt-hero-to:#fff1f2;--mt-footer-bg:#06211e;--mt-footer-text:#cbd5e1;--mt-font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mt-shadow-sm:0 2px 8px rgba(15, 23, 42, .06);--mt-shadow-md:0 10px 30px -10px rgba(13, 148, 136, .25);--mt-shadow-lg:0 20px 45px -15px rgba(13, 148, 136, .3)}[data-bs-theme=dark]{--mt-page-bg:var(--bs-body-bg);--mt-hero-from:#042f2c;--mt-hero-via:#0c3733;--mt-hero-to:#3f1d24;--mt-footer-bg:#020617;--mt-shadow-sm:0 2px 10px rgba(0, 0, 0, .4);--mt-shadow-md:0 10px 30px -10px rgba(0, 0, 0, .55);--mt-shadow-lg:0 20px 45px -15px rgba(0, 0, 0, .6)}html{scroll-behavior:smooth}body{font-family:var(--mt-font);letter-spacing:-.01em;background-color:var(--mt-page-bg)}h1,h2,h3,h4,h5,h6,.navbar-brand,.footer-title{font-family:var(--mt-font);letter-spacing:-.02em}a{color:var(--mt-primary)}[data-bs-theme=dark] a{color:#5eead4}.skip-link{position:absolute;left:8px;top:8px;z-index:2000;background:var(--bs-body-bg);padding:.5rem 1rem}.btn{border-radius:.7rem;font-weight:600;letter-spacing:-.01em}.btn-sm{border-radius:.55rem}.btn-primary{--bs-btn-bg:var(--mt-primary);--bs-btn-border-color:var(--mt-primary);--bs-btn-hover-bg:var(--mt-primary-dark);--bs-btn-hover-border-color:var(--mt-primary-dark);--bs-btn-active-bg:var(--mt-primary-dark);--bs-btn-active-border-color:var(--mt-primary-dark);box-shadow:0 4px 14px -4px rgba(var(--mt-primary-rgb),.55)}.btn-primary:hover{box-shadow:0 6px 18px -4px rgba(var(--mt-primary-rgb),.65);transform:translateY(-1px)}.btn-outline-primary{--bs-btn-color:var(--mt-primary);--bs-btn-border-color:var(--mt-primary);--bs-btn-hover-bg:var(--mt-primary);--bs-btn-hover-border-color:var(--mt-primary);--bs-btn-active-bg:var(--mt-primary)}.btn-success{--bs-btn-bg:#059669;--bs-btn-border-color:#059669;--bs-btn-hover-bg:#047857;--bs-btn-hover-border-color:#047857}.site-header{background:rgba(var(--bs-body-bg-rgb, 255, 255, 255),.85);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--bs-border-color);z-index:1030}.navbar-brand{font-weight:800;color:var(--mt-primary)!important;display:flex;align-items:center}.navbar-brand i{background:var(--mt-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}[data-bs-theme=dark] .navbar-brand{color:#5eead4!important}.nav-link{font-weight:500}.hero{position:relative;overflow:hidden;padding:4.5rem 1rem 4rem;border-radius:1.75rem;background:linear-gradient(145deg,var(--mt-hero-from),var(--mt-hero-via) 45%,var(--mt-hero-to));isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(var(--mt-primary-rgb),.18) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 60%at 50%0,#000 40%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 70% 60%at 50%0,#000 40%,transparent 90%)}.hero-badge{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:999px;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);font-size:.85rem;font-weight:600;margin-bottom:1.5rem;box-shadow:var(--mt-shadow-sm)}.hero-title{font-weight:800;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.12;max-width:840px;margin:0 auto 1.1rem}.hero-title .grad-text{background:var(--mt-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:1.15rem;max-width:680px;margin:0 auto 2rem;color:var(--bs-secondary-color)}.hero-search{position:relative;max-width:560px}.hero-search .bi-search{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:var(--bs-secondary-color);pointer-events:none}.hero-search input{padding:.85rem 1rem .85rem 2.9rem;border-radius:999px;border:1px solid var(--bs-border-color);box-shadow:var(--mt-shadow-sm)}.hero-search input:focus{box-shadow:0 0 0 .25rem rgba(var(--mt-primary-rgb),.15);border-color:var(--mt-primary)}.hero-trust{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center;margin-top:1.75rem;font-size:.88rem;color:var(--bs-secondary-color)}.hero-trust span{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.hero-trust i{color:var(--mt-primary)}.hero-trust span:nth-child(2) i{color:var(--mt-accent)}.section-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mt-primary)}.tool-card{border-radius:1.15rem;border:1px solid var(--bs-border-color);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:inherit;position:relative;overflow:hidden}.tool-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--mt-gradient);opacity:0;transition:opacity .2s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--mt-shadow-md);border-color:transparent}.tool-card:hover::after{opacity:1}.tool-icon{width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:1rem;background:var(--mt-gradient);color:#fff;font-size:1.4rem;box-shadow:0 6px 16px -6px rgba(var(--mt-primary-rgb),.55)}.tool-link{color:var(--mt-primary);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem}.tool-link i{transition:transform .15s ease}.tool-card:hover .tool-link i{transform:translateX(3px)}[data-bs-theme=dark] .tool-link{color:#5eead4}.post-card{border-radius:1.15rem;overflow:hidden;border:1px solid var(--bs-border-color);transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-3px);box-shadow:var(--mt-shadow-md)}.post-thumb{aspect-ratio:16/9;height: auto;width: 100%;}.features{background:linear-gradient(135deg,rgba(var(--mt-primary-rgb),.06),rgba(var(--mt-accent-rgb),.06));border-radius:1.5rem;padding:1rem .5rem;margin:0}.features .feature{padding:1.5rem 1rem}.features .feature i{font-size:1.6rem;width:3.2rem;height:3.2rem;display:inline-grid;place-items:center;border-radius:1rem;background:rgba(var(--mt-primary-rgb),.12);color:var(--mt-primary);margin-bottom:.75rem}[data-bs-theme=dark] .features .feature i{color:#5eead4}.sidebar{position:sticky;top:90px}.sidebar-card{border-radius:1.15rem;border:1px solid var(--bs-border-color)}.ad-slot{margin:1rem auto;text-align:center;overflow:hidden;max-width:100%}.ad-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bs-secondary-color);margin-bottom:.25rem}.ad-content{margin:1.5rem 0}.article-content{line-height:1.8;font-size:1.05rem;overflow-wrap:anywhere}.article-content h2{font-size:1.5rem;margin:2rem 0 .75rem;font-weight:700}.article-content h3{font-size:1.2rem;margin:1.5rem 0 .5rem;font-weight:700}.article-content img{max-width:100%;height:auto;border-radius:.75rem}.article-content pre,.article-content .ql-syntax{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:.75rem;overflow-x:auto}.article-content code{color:var(--bs-code-color)}.article-content blockquote{border-left:4px solid var(--mt-primary);padding-left:1rem;color:var(--bs-secondary-color)}.article-content .ql-align-center{text-align:center}.article-content .ql-align-right{text-align:right}.article-content .ql-align-justify{text-align:justify}.article-content .ql-indent-1{padding-left:3em}.article-content .ql-indent-2{padding-left:6em}.featured-image{width:100%;height:auto}.tool-workspace{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:1.15rem;padding:1.5rem;box-shadow:var(--mt-shadow-sm)}.tool-workspace textarea.code,.tool-workspace .code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.tool-workspace textarea{resize:vertical;border-radius:.7rem}.tool-workspace .form-control,.tool-workspace .form-select{border-radius:.7rem}.stat-box{border:1px solid var(--bs-border-color);border-radius:.85rem;padding:.85rem;text-align:center;background:var(--bs-tertiary-bg)}.stat-box .num{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-box .lbl{font-size:.75rem;color:var(--bs-secondary-color);text-transform:uppercase;letter-spacing:.04em}.hash-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid var(--bs-border-color)}.hash-row:last-child{border-bottom:0}.hash-row .name{width:5.5rem;font-weight:600}.hash-row .value{flex:1 1 14rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all;cursor:pointer}.strength{height:.5rem;border-radius:999px;background:var(--bs-tertiary-bg);overflow:hidden}.strength>div{height:100%;width:0;transition:width .2s,background-color .2s}.dropzone{border:2px dashed var(--bs-border-color);border-radius:1.15rem;padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--mt-primary);background:rgba(var(--mt-primary-rgb),.06)}.img-result{border:1px solid var(--bs-border-color);border-radius:.85rem;padding:.85rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.img-result img{width:72px;height:72px;object-fit:cover;border-radius:.6rem;background:var(--bs-tertiary-bg)}.json-tree{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.6;max-height:520px;overflow:auto;padding:.85rem;border:1px solid var(--bs-border-color);border-radius:.7rem;background:var(--bs-tertiary-bg)}.json-tree details{margin-left:1.1rem}.json-tree summary{cursor:pointer;list-style-position:outside}.json-tree .leaf{margin-left:1.1rem}.json-tree .k{color:#7c3aed}.json-tree .s{color:#15803d}.json-tree .n{color:#c2410c}.json-tree .b{color:#0369a1}.json-tree .z{color:#64748b}[data-bs-theme=dark] .json-tree .k{color:#c4b5fd}[data-bs-theme=dark] .json-tree .s{color:#86efac}[data-bs-theme=dark] .json-tree .n{color:#fdba74}[data-bs-theme=dark] .json-tree .b{color:#7dd3fc}.site-footer{background:var(--mt-footer-bg);color:var(--mt-footer-text);position:relative}.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mt-gradient)}.site-footer a,.site-footer .btn-link{color:var(--mt-footer-text);text-decoration:none}.site-footer a:hover,.site-footer .btn-link:hover{color:#fff;text-decoration:underline}.footer-title{font-size:1.15rem;color:#fff;font-weight:800}.footer-heading{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:.75rem}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1080;background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:1.15rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.25);padding:1rem 1.25rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:960px;margin:0 auto;font-size:.9rem}.cookie-banner[hidden]{display:none}:root{--mt-primary:#1688f8;--mt-primary-dark:#0868d7;--mt-primary-rgb:22, 136, 248;--mt-accent:#b34dff;--mt-accent-rgb:179, 77, 255;--mt-accent-2:#27d5ee;--mt-gradient:linear-gradient(110deg, #0789ff 0%, #367cff 48%, #c13dff 100%);--mt-page-bg:#f5f8ff;--mt-hero-from:#e9f3ff;--mt-hero-via:#f2f5ff;--mt-hero-to:#f8edff;--mt-footer-bg:#071a49;--mt-footer-text:#cbd9f8;--mt-shadow-md:0 14px 34px -14px rgba(27, 83, 190, .28);--mt-shadow-lg:0 24px 54px -18px rgba(27, 83, 190, .32)}[data-bs-theme=dark]{--mt-page-bg:#08132e;--mt-hero-from:#091c49;--mt-hero-via:#101d4a;--mt-hero-to:#251341;--mt-footer-bg:#030a1c}body{background-color:var(--mt-page-bg)}.site-header{background:rgba(7,25,70,.94);border-bottom:1px solid rgba(155,190,255,.18);box-shadow:0 8px 28px rgba(4,18,55,.12)}.site-header .navbar{min-height:76px}.navbar-brand{color:#fff!important;font-size:1.45rem;letter-spacing:-.055em}.navbar-brand i{color:#25c8f4;background:0 0;-webkit-text-fill-color:initial}.navbar-brand::after{content:""}.site-header .nav-link{color:#dce9ff;padding:.65rem .85rem!important;border-radius:.7rem;transition:color .2s,background .2s}.site-header .nav-link:hover,.site-header .nav-link:focus,.site-header .nav-link.active{color:#42d8ff;background:rgba(81,148,255,.13)}.site-header .navbar-toggler{border-color:rgba(255,255,255,.35)}.site-header .navbar-toggler-icon{filter:invert(1)}.site-header #themeToggle{color:#eaf2ff;border-color:rgba(255,255,255,.32);border-radius:50%;width:42px;height:42px;display:inline-grid;place-items:center}.site-header .dropdown-menu{border:1px solid rgba(90,140,230,.18);border-radius:1rem;box-shadow:0 16px 38px rgba(5,20,60,.18);padding:.5rem}.site-header .dropdown-item{border-radius:.55rem;padding:.55rem .75rem}main>.container{max-width:1240px}.home-tool-search{border:1px solid rgba(90,145,255,.16);background:linear-gradient(130deg,#eaf4ff 0,#f5f2ff 54%,#fff 100%);box-shadow:0 18px 50px rgba(24,76,168,.09)}[data-bs-theme=dark] .home-tool-search{background:linear-gradient(130deg,#0b214e,#171a48 54%,#24133e)}.hero-badge{color:#176ad5;border-color:rgba(50,130,245,.25)}.hero-title .grad-text{background:linear-gradient(100deg,#078bff,#6a63ff 58%,#c23eff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-search input{background:rgba(255,255,255,.92);min-height:58px}.tool-card,.post-card,.sidebar-card,.tool-workspace,.card{border-radius:1.1rem}.tool-card{border-color:rgba(89,133,210,.17);box-shadow:0 8px 28px rgba(25,60,130,.045);background:var(--bs-body-bg)}.tool-card .card-body{padding:1.5rem}.tool-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--mt-gradient);box-shadow:0 8px 20px rgba(72,91,240,.23);font-size:1.35rem}.tool-link{color:var(--mt-primary);font-weight:700}.features .feature{height:100%;padding:1.6rem;border:1px solid rgba(89,133,210,.16);border-radius:1.15rem;background:var(--bs-body-bg);box-shadow:0 8px 24px rgba(25,60,130,.035)}.features .feature>i{width:52px;height:52px;margin:0 auto 1rem;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--mt-gradient);font-size:1.35rem}.btn-primary{--bs-btn-bg:#147ff2;--bs-btn-border-color:#147ff2;--bs-btn-hover-bg:#0867d4;--bs-btn-hover-border-color:#0867d4;--bs-btn-active-bg:#0867d4;--bs-btn-active-border-color:#0867d4}.btn-primary,.btn-outline-primary{border-radius:999px;padding-left:1.2rem;padding-right:1.2rem}.form-control,.form-select{border-radius:.8rem;border-color:rgba(105,139,194,.28);padding-top:.7rem;padding-bottom:.7rem}.form-control:focus,.form-select:focus{border-color:#4b9cff;box-shadow:0 0 0 .22rem rgba(22,136,248,.13)}.breadcrumb{padding:.7rem 1rem;background:rgba(120,160,225,.08);border-radius:.7rem;font-size:.9rem}.article-content{background:var(--bs-body-bg);border:1px solid rgba(89,133,210,.15);border-radius:1.15rem;padding:clamp(1.2rem,3vw,2.3rem);box-shadow:0 8px 24px rgba(25,60,130,.035)}.article-content h2{color:var(--bs-emphasis-color)}.tool-workspace{border:1px solid rgba(89,133,210,.2);box-shadow:0 10px 32px rgba(25,60,130,.055);padding:clamp(1rem,2vw,1.5rem);background:var(--bs-body-bg)}.ad-slot{color:#71809b;font-size:.75rem}.ad-label{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#8492ac}.site-footer{margin-top:3rem!important}.site-footer .footer-title{color:#fff}.site-footer .footer-title i{color:#24c9f5}.site-footer .footer-heading{color:#fff;font-size:.95rem}.site-footer a:hover{color:#53d9ff}.cookie-banner{border-color:rgba(90,140,230,.25);box-shadow:0 20px 60px rgba(3,15,48,.25)}@media (min-width:992px){.site-header .navbar-nav{gap:.2rem}.home-tool-search{padding:3rem 2rem;border-radius:1.6rem}}@media (max-width:767.98px){.site-header .navbar{min-height:66px}.navbar-brand{font-size:1.25rem}.hero-trust{gap:.7rem 1rem}.article-content{padding:1.1rem}}@media (prefers-reduced-motion:reduce){*,::before,::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
