@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}:root{--bg-color:#f8fafc;--card-bg:#ffffff;--heading-color:#0f172a;--text-main:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--primary-peach:#2563eb;--primary-peach-hover:#1d4ed8;--primary-text:#ffffff;--accent-mint:#e5eaef;--accent-mint-text:#475569;--accent-lavender:#e5eaef;--accent-lavender-deep:#cbd5e1;--accent-rose:#0f172a;--accent-rose-deep:#1e40af;--element-peach:#3b82f6;--feature-xmark:#ed143d;--feature-check:#228b22;--card-shadow:0px 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);--fine-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);--height:500px;--radius:16px;--toast-warning-bg:#fffbeb;--toast-warning-border:#fde68a;--toast-warning-text:#b45309;--toast-warning-icon:#f59e0b;--toast-info-bg:#eff6ff;--toast-info-border:#bfdbfe;--toast-info-text:#1d4ed8;--toast-info-icon:#3b82f6}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}body.login,html.login{min-height:100vh}body.login{display:flex;padding:20px;align-items:center;justify-content:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--bg-color);border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.margin-top-auto{margin-top:auto}.logo,.navbar{display:flex;align-items:center}.navbar{justify-content:space-between;padding:20px 5%;background:#fff;position:fixed;font-size:.95rem;color:var(--text-muted);top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color)}.logo{gap:10px;font-size:1.25rem;font-weight:700;color:var(--text-main)}.hero h1 span,.logo i,.nav-links a:hover{color:var(--element-peach)}@supports (appearance:none) or (-moz-appearance:none) or (-webkit-appearance:none){.nav-open{appearance:none;-moz-appearance:none;-webkit-appearance:none;display:none;font-family:"Font Awesome 6 Free";font-weight:600;font-size:2rem}.nav-open::before{content:"";display:block}.nav-open::after{content:"";display:none}.nav-open:checked::before{display:none}.nav-open:checked::after{display:block}}.nav-links{align-items:center;display:flex;gap:25px}.nav-links a[href="/user/login"]::after{content:"";font-size:.85rem;font-family:"Font Awesome 6 Free";font-weight:600;margin-left:5px}.nav-open:checked+.nav-links{transform:translateX(0)}.nav-links span{background:linear-gradient(135deg,#f1f5f9 0,#e2e8f0 100%);color:var(--text-main);padding:4px 8px;display:none;border-radius:25px;font-size:.8rem}.api-container div.webhook-secret.visible,.nav-links span.visible{display:block}.hero p,.nav-links a{color:var(--text-muted)}.btn-primary,.btn-secondary,.nav-links a{text-decoration:none;font-size:.95rem;transition:color .3s}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:50px;font-weight:600;border:0;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--primary-peach);color:var(--primary-text);gap:8px}.btn-primary:hover{background:var(--primary-peach-hover);color:var(--primary-text)}.btn-secondary{background:var(--accent-lavender);color:var(--text-main)}.btn-secondary:hover{background:var(--accent-lavender-deep)}.btn-large{padding:12px 26px;font-size:1rem;width:200px}.btn-fixed{width:100%}.btn-disabled{background-color:var(--accent-mint);color:var(--accent-mint-text)}.btn-disabled,.btn-spin{pointer-events:none}.btn-spin::after{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.2);animation:spin .8s ease-in-out infinite;border-radius:50%;border-top-color:var(--primary-text)}.hero{background:var(--card-bg);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 5%;min-height:75vh}.hero-content{max-width:100%}.badge,.hero h1{margin-bottom:20px}.badge{background:var(--card-bg);color:var(--accent-mint-text);box-shadow:var(--fine-shadow);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.2;color:var(--heading-color)}.hero p{font-size:1rem;line-height:1.6;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.hero-visual{position:relative;width:100%;height:var(--height);display:flex;align-items:center;justify-content:center}.hero-circle{width:300px;height:300px;background:linear-gradient(135deg,#f1f5f9 0,#e2e8f0 100%);border-radius:50%}.floating-card{position:absolute;background:#fff;padding:10px 18px;border-radius:25px;box-shadow:var(--fine-shadow);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:8px;animation:float 4s ease-in-out infinite}.card-1{top:10%;left:10%;color:var(--element-peach)}.card-2{top:34%;right:0;animation-delay:1.3s;color:#bd6749}.card-3{top:57%;left:0;animation-delay:1.5s;color:#2d406a}.card-4{top:80%;right:10%;animation-delay:1.7s;color:#2d6a4f}.tool-section{padding:60px 5%;background:var(--card-bg);scroll-margin-top:60px}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:clamp(1.8rem,3vw,2.2rem);color:var(--heading-color);margin-bottom:10px}.section-title p{color:var(--text-muted);font-size:.95rem}.api-container{display:flex;flex-direction:column;background:var(--bg-color);border-radius:var(--radius);box-shadow:var(--fine-shadow);max-width:800px;margin:40px auto;padding:40px;position:relative;overflow:hidden}.api-container .title{font-size:1rem;font-weight:600;margin-bottom:10px}.api-container a{color:#666;font-size:.9rem;text-decoration:none}.api-container p{margin-bottom:15px;color:#666;font-size:.9rem}.api-container a i{margin-left:5px}.api-container a.link{background:var(--card-bg);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8rem;white-space:nowrap}.api-container div.webhook-secret{display:none}.pre-container{background:var(--card-bg);overflow-x:auto}.pre-container.bottom-gap{margin-bottom:40px}.pre-container input[type=text],.pre-container pre{color:#000;font-family:"Fira Code",Consolas,Monaco,"Andale Mono",monospace;font-size:.9rem;padding:1em}.pre-container pre i{font-style:normal}.pre-container pre .tag{color:#008}.pre-container pre .attr-name{color:#606}.pre-container pre .attr-value{color:#080}.pre-container,.pre-container input[type=text]{border:1px solid var(--border-color);border-radius:6px}.pre-container input[type=text]{background:#fff;color:#080;padding:12px 15px;width:100%}.pre-container::-webkit-scrollbar-track{background:#fff;border-radius:3px}.pre-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pre-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.renew-button{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;padding:2px 6px;border-radius:4px}.filter-group{display:flex;flex-direction:column;gap:6px}.tool-btn,.tool-sel{border-radius:25px;font-size:.9rem;cursor:pointer}.tool-sel{outline:0;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-main);padding:8px 10px;font-weight:400;-webkit-appearance:none}.tool-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:0 0;border:0;color:var(--text-muted);font-weight:600;text-align:left;transition:all .2s}.tool-btn.active,.tool-btn:hover{background:var(--accent-lavender);color:var(--text-main)}.tool-btn:disabled{pointer-events:none;font-style:italic;opacity:.7}.prop-control{display:flex;flex-direction:column;gap:5px}.prop-control label,.prop-control label a,.prop-control label span{font-size:.8rem;color:var(--text-muted);align-items:center;display:flex}.prop-control label{font-weight:500;padding:0 10px}.prop-control label a,.prop-control label span{gap:5px;cursor:pointer;margin:0 5px;text-decoration:none}.prop-control label:not(:first-child){margin-top:20px}.prop-control input[type=email],.prop-control input[type=number],.prop-control input[type=text]{outline:0;padding:8px 10px;border:1px solid var(--border-color);border-radius:25px;background:var(--bg-color);font-size:.9rem;color:var(--text-main);width:100%}.prop-control input[type=number]{-moz-appearance:textfield}.prop-control input::-webkit-inner-spin-button,.prop-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.toggle-control{display:flex;flex-direction:row;align-items:center;gap:8px}.toggle-control label{color:var(--text-main);cursor:pointer;margin:0 10px;font-size:.85rem;text-align:left;width:100%}.prop-control.text-row{gap:10px;flex-direction:row;justify-content:space-between;width:100%}.features-section{padding:80px 5%;scroll-margin-top:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.pricing-grid-single{display:flex;justify-content:center;max-width:800px;margin:0 auto}.mono-header-row,.pricing-card-mono{display:flex;justify-content:space-between}.pricing-card-mono{background:#fff;padding:40px;border-radius:var(--radius);box-shadow:var(--fine-shadow);flex-direction:column;width:100%;gap:30px}.mono-header-row{align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.feature-card h3,.pricing-card-mono h3,.pricing-value span{font-size:1.5rem;color:var(--heading-color)}.mono-badge{background-color:var(--accent-mint);color:var(--accent-mint-text);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.pricing-card-mono .pricing-info{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:20px}.feature-card p,.pricing-value{color:var(--text-muted);font-size:.9rem}.pricing-value{font-weight:400;margin:15px 0}.pricing-value span{font-size:2rem;font-weight:700;margin-right:5px}.mono-features{list-style:none;display:flex;flex-direction:column;gap:12px;color:var(--text-main);font-size:.95rem;border-top:1px solid var(--border-color);padding-top:20px}.mono-features li{display:flex;align-items:center;gap:10px}.mono-features li i.fa-xmark{color:var(--feature-xmark)}.mono-features li i.fa-check{color:var(--feature-check)}.mono-action{width:100%}.icon-box{width:50px;height:50px;background:var(--card-bg);box-shadow:var(--fine-shadow);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:20px}.icon-box.peach{color:#e29578}.icon-box.mint{color:#2d6a4f}.icon-box.lavender{color:#4a6fa5}.feature-card h3{font-size:1.15rem;margin-bottom:10px}.feature-card p{line-height:1.5}footer,footer p a{color:var(--text-muted);font-size:.85rem}footer{padding:30px;background:var(--card-bg);border-top:1px solid var(--border-color)}footer p a{text-decoration:none}footer p a:hover{text-decoration:underline}.login-container{gap:15px;display:flex;background:#fff;padding:30px 20px;border-radius:var(--radius);box-shadow:var(--card-shadow);border:1px solid var(--border-color);flex-direction:column;max-width:400px;width:100%}.login-container .prop-control{gap:25px}.login-container h1{font-size:1.7rem;font-weight:400}.login-container div,footer{text-align:center}.login-container div:first-child{margin-bottom:25px}.login-container div:last-child{margin-top:25px;font-size:.9rem;color:var(--text-muted)}.login-container div i.fa-circle-check{color:#228b22;font-size:3.5rem}.login-container div i.fa-paper-plane{color:#00ced1;font-size:3.5rem}.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(74,69,67,.4);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:1;visibility:visible;transition:all .3s ease-in-out}.overlay-hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay-content{background:#fff;width:90%;max-width:450px;border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.1);border:1px solid var(--border-color);display:flex;flex-direction:column;transform:scale(1);transition:transform .3s ease-in-out}.overlay-hidden .overlay-content{transform:scale(.9)}.overlay-header{padding:20px 25px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.overlay-header h3{font-size:1.2rem}.close-btn{background:0 0;border:0;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.close-btn:hover,.overlay-header h3{color:var(--text-main)}.overlay-body{padding:25px;display:flex;flex-direction:column;gap:20px}.overlay-body p{font-size:.95rem;color:var(--text-muted);text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.overlay-body strong{display:block;margin-bottom:5px}.overlay-body strong.warning{color:#dc143c}.overlay-body p code{background:var(--card-bg);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8rem;font-weight:600;white-space:nowrap}.overlay-footer{padding:15px 25px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px;background:#faf8f5;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100% - 40px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);animation:slideIn .3s ease forwards}.toast i{font-size:2.5rem}.toast.warning{background:var(--toast-warning-bg);box-shadow:rgba(180,83,9,.1)0 1px 3px 0,rgba(180,83,9,.06)0 1px 2px 0;color:var(--toast-warning-text)}.toast.info{background:var(--toast-info-bg);box-shadow:rgba(29,78,216,.1)0 1px 3px 0,rgba(29,78,216,.06)0 1px 2px 0;color:var(--toast-info-text)}.toast-content{display:flex;flex-direction:column;gap:2px;flex-grow:1}.toast-title{font-weight:600;font-size:.95rem}.toast-message{font-size:.875rem;opacity:.9;line-height:1.4}.toast.hide{transform:translateX(120%);opacity:0}@media (max-width:768px){body{padding-top:50px}.navbar{padding:15px 5%}.nav-open{display:block}.nav-links{background:#fff;flex-direction:column;padding:15px 25px;position:absolute;align-items:start;top:100%;left:0;height:100vh;width:100%;transform:translateX(100%);transition:transform .3s ease-in-out}.nav-links a{text-align:left;width:100%}.hero{grid-template-columns:1fr;text-align:center;padding:40px 5%;gap:30px}.hero-buttons{justify-content:center}.hero-visual{height:250px}.hero-circle{width:220px;height:220px}.api-container,.pricing-card-mono{padding:20px}.btn-primary,.btn-secondary{padding:10px 15px}.overlay-footer{padding:15px}}@media (max-width:480px){.toast-container{top:12px;right:12px;left:12px;width:auto}}