@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";
:root{--brand:#00c896;--brand-dark:#00a87e;--brand-light:#00e5ae;--brand-glow:#00c8962e;--brand-gradient:linear-gradient(135deg,#00c896 0%,#00a3ff 100%);--bg-base:#090d13;--bg-surface:#0f1521;--bg-elevated:#171e2e;--bg-card:#131926;--bg-input:#0c1119;--border:#ffffff12;--border-hover:#00c89659;--text-primary:#ebf0fa;--text-secondary:#8892a8;--text-muted:#4e596f;--text-brand:#00c896;--success:#00c896;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-heading:"Plus Jakarta Sans","Inter",sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-full:9999px;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-brand:0 0 32px #00c8961f;--nav-h:64px;--ease:cubic-bezier(.4,0,.2,1);--tr:.2s var(--ease)}.light{--brand-glow:#00c8961f;--brand-gradient:linear-gradient(135deg,#00b882 0%,#0088e0 100%);--bg-base:#f5f7fa;--bg-surface:#eceef2;--bg-elevated:#fff;--bg-card:#fff;--bg-input:#f0f2f6;--border:#00000014;--border-hover:#00b48266;--text-primary:#0d1117;--text-secondary:#4a5568;--text-muted:#9aa5b4;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 40px #0000001f;--shadow-brand:0 0 32px #00c89626}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,body *{transition:background-color .25s var(--ease),border-color .25s var(--ease),color .15s var(--ease),box-shadow .25s var(--ease)}.light .nav{background:#f5f7faeb}.light body:before{background:radial-gradient(80% 60% at 15% -5%,#00b4820a 0%,#0000 60%),radial-gradient(60% 60% at 85% 105%,#0082c808 0%,#0000 60%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 15% -5%,#00c8960e 0%,#0000 60%),radial-gradient(60% 60% at 85% 105%,#00a3ff0b 0%,#0000 60%);position:fixed;inset:0}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}@media (max-width:640px){.container{padding:0 16px}}.page-wrapper{z-index:1;min-height:calc(100vh - var(--nav-h));flex-direction:column;display:flex;position:relative}.nav{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--border);background:#090d13d1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.nav-logo{font-family:var(--font-heading);letter-spacing:-.03em;white-space:nowrap;color:var(--text-primary);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.nav-logo .dot{background:var(--brand-gradient);width:8px;height:8px;box-shadow:0 0 10px var(--brand);border-radius:50%;flex-shrink:0}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{border-radius:var(--radius-full);color:var(--text-secondary);transition:color var(--tr),background var(--tr);padding:7px 16px;font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-badge{border-radius:var(--radius-full);background:var(--brand-glow);color:var(--brand);letter-spacing:.02em;border:1px solid #00c89638;padding:5px 13px;font-size:.75rem;font-weight:600}.nav-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-toggle{background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--text-secondary);width:22px;height:2px;transition:var(--tr);border-radius:2px}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{top:var(--nav-h);background:var(--bg-surface);border-bottom:1px solid var(--border);opacity:0;transition:transform .3s var(--ease),opacity .3s var(--ease);pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px;position:fixed;left:0;right:0;transform:translateY(-110%)}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-links a,.nav-badge{border-radius:var(--radius-md);padding:12px 16px}.nav-badge{align-self:flex-start}}.hero{text-align:center;padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#00c89612 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-eyebrow{border-radius:var(--radius-full);background:var(--brand-glow);color:var(--brand);letter-spacing:.06em;text-transform:uppercase;border:1px solid #00c89638;align-items:center;gap:8px;margin-bottom:28px;padding:6px 15px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-eyebrow .pulse{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.hero-title{font-family:var(--font-heading);letter-spacing:-.04em;margin-bottom:22px;font-size:clamp(2.4rem,6.5vw,4.2rem);font-weight:800;line-height:1.08}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);max-width:540px;margin:0 auto 44px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;margin-top:60px;padding-top:52px;display:flex}.stat-value{font-family:var(--font-heading);background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}@media (max-width:640px){.hero{padding:72px 0 56px}.hero-cta{flex-direction:column;align-items:stretch;max-width:300px;margin:0 auto}.hero-stats{gap:28px}}.btn{border-radius:var(--radius-full);transition:all var(--tr);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-gradient);color:#021a11;box-shadow:0 4px 22px #00c89652}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 32px #00c8967a}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-sm{padding:8px 18px;font-size:.875rem}.btn-lg{padding:15px 32px;font-size:1rem}.btn-full{width:100%}.btn-icon{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:.8rem}.btn-icon:hover,.btn-icon.success{background:var(--brand-glow);color:var(--brand);border-color:#00c8964d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--tr),transform var(--tr),box-shadow var(--tr)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.tool-card{cursor:pointer;flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--brand-gradient);opacity:0;transition:opacity var(--tr);position:absolute;inset:0}.tool-card:hover:before{opacity:.035}.tool-icon{margin-bottom:16px;font-size:2rem;line-height:1;position:relative}.tool-cat-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-block}.tool-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:1.05rem;font-weight:700;position:relative}.tool-desc{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.55;position:relative}.tool-arrow{background:var(--bg-elevated);width:28px;height:28px;color:var(--text-muted);transition:background var(--tr),color var(--tr),transform var(--tr);border-radius:50%;justify-content:center;align-items:center;margin-top:18px;font-size:.8rem;display:inline-flex;position:relative}.tool-card:hover .tool-arrow{background:var(--brand-glow);color:var(--brand);transform:translate(3px)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px;display:grid}@media (max-width:600px){.tools-grid{grid-template-columns:1fr;gap:14px}}.form-group{margin-bottom:20px}label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}input[type=text],input[type=number],input[type=date],input[type=password],select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--tr),box-shadow var(--tr);-webkit-appearance:none;outline:none;padding:12px 16px;font-size:.9375rem}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}textarea{resize:vertical;min-height:150px;line-height:1.65}select{cursor:pointer}input[type=range]{width:100%;accent-color:var(--brand);cursor:pointer;background:0 0;border:none;height:auto;padding:0}input[type=checkbox]{accent-color:var(--brand);width:auto}.input-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:480px){.input-row{grid-template-columns:1fr}}.checkbox-group{flex-wrap:wrap;gap:12px;display:flex}.checkbox-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.875rem;display:flex}.tool-page{flex:1;padding:52px 0 96px}.tool-container{max-width:860px;margin:0 auto;padding:0 24px}@media (max-width:640px){.tool-container{padding:0 16px}.tool-page{padding:36px 0 72px}}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:36px;font-size:.8rem;display:flex}.breadcrumb a:hover{color:var(--brand)}.breadcrumb-sep{opacity:.35}.tool-header{margin-bottom:36px}.tool-header-icon{margin-bottom:16px;font-size:2.5rem}.tool-header h1{font-family:var(--font-heading);letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800;line-height:1.15}.tool-header p{color:var(--text-secondary);max-width:600px;font-size:1.05rem;line-height:1.65}.output-panel{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);min-height:100px;padding:20px;font-size:.95rem;position:relative}.output-panel.mono{white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.output-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.result-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin-top:4px;display:grid}.result-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 12px}.result-stat-value{font-family:var(--font-heading);color:var(--brand);margin-bottom:5px;font-size:1.75rem;font-weight:800;line-height:1}.result-stat-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:500}.ad-slot{background:var(--bg-elevated);border-radius:var(--radius-md);width:100%;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;border:1px dashed #ffffff0f;justify-content:center;align-items:center;font-size:.7rem;font-weight:500;display:flex}.ad-banner{height:90px;margin:28px 0}.ad-box{height:250px;margin:28px 0}.section{z-index:1;padding:88px 0;position:relative}.section-header{text-align:center;margin-bottom:56px}.section-tag{border-radius:var(--radius-full);background:var(--brand-glow);color:var(--brand);letter-spacing:.07em;text-transform:uppercase;border:1px solid #00c89633;align-items:center;gap:8px;margin-bottom:14px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.section-header h2{font-family:var(--font-heading);letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.section-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--tr);padding:26px}.feature-card:hover{border-color:var(--border-hover)}.feature-icon{margin-bottom:14px;font-size:1.6rem}.feature-title{margin-bottom:10px;font-size:.975rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.how-to{border-top:1px solid var(--border);margin-top:56px;padding-top:44px}.how-to h2{font-family:var(--font-heading);margin-bottom:22px;font-size:1.3rem;font-weight:700}.steps-list{flex-direction:column;gap:16px;display:flex}.step-item{align-items:flex-start;gap:16px;display:flex}.step-num{background:var(--brand-glow);width:28px;height:28px;color:var(--brand);border:1px solid #00c89640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.step-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.step-text strong{color:var(--text-primary)}.footer{border-top:1px solid var(--border);z-index:1;padding:52px 0;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-logo{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.footer-logo span{color:var(--brand)}.footer-links{flex-wrap:wrap;gap:24px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--tr);font-size:.875rem}.footer-links a:hover{color:var(--brand)}.footer-copy{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);margin-top:28px;padding-top:24px;font-size:.8rem}@media (max-width:640px){.footer-inner{flex-direction:column;align-items:flex-start}}.divider{background:var(--border);height:1px;margin:32px 0}.text-brand{color:var(--brand)}.text-muted{color:var(--text-muted)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.w-full{width:100%}.alert{border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.alert-success{color:var(--success);background:#00c8961a;border:1px solid #00c89633}.alert-error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.alert-info{color:var(--info);background:#3b82f61a;border:1px solid #3b82f633}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s var(--ease)both}.d1{animation-delay:80ms}.d2{animation-delay:.15s}.d3{animation-delay:.22s}.d4{animation-delay:.29s}.cta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:72px 32px;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(#00c89612 0%,#0000 70%);width:420px;height:420px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.cta-card h2{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:800}.cta-card p{color:var(--text-secondary);max-width:460px;margin:0 auto 36px;font-size:1.05rem;line-height:1.65}@media (max-width:640px){.cta-card{padding:48px 20px}}