.page_page__KdIv3{min-height:100vh;display:flex;flex-direction:column}.page_hero__TR3fT{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden}.page_hero__TR3fT:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)" /></svg>');opacity:.3}.page_heroContent___p2VG{max-width:1200px;margin:0 auto;position:relative;z-index:1}.page_heroTitle__IItbV{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}@media(max-width:768px){.page_heroTitle__IItbV{font-size:2.5rem}}.page_highlight__V_wD1{background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.page_heroSubtitle__AFeu6{font-size:1.25rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.page_heroFeatures__k0E9f{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.page_feature__JeUP1{display:flex;align-items:center;gap:8px;font-weight:500}.page_featureIcon__5lsbZ{font-size:1.5rem}.page_main__akH3E{padding:80px 20px;background:var(--background)}.page_toolSection__0b82C{max-width:1200px;margin:0 auto;text-align:center}.page_sectionTitle__PJ0za{font-size:2.5rem;font-weight:600;margin-bottom:16px;color:var(--foreground)}.page_sectionSubtitle__BgZle{font-size:1.125rem;color:var(--foreground);opacity:.8;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.page_howItWorks__dLcwZ{padding:80px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page_container__LLik5{max-width:1400px;margin:0 auto;text-align:center}.page_steps__AVwQz{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:60px}.page_step__nwprt{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.page_step__nwprt:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.page_step__nwprt h3{font-size:1.5rem;font-weight:600;margin:20px 0 12px;color:#333}.page_step__nwprt p{color:#666;line-height:1.6}.page_stepNumber__FWtBN{width:60px;height:60px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.page_example__fDioJ{padding:80px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.page_exampleContent__9nMlm{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:40px;gap:40px;align-items:center;margin-top:60px;max-width:1000px;margin-left:auto;margin-right:auto}@media(max-width:768px){.page_exampleContent__9nMlm{grid-template-columns:1fr;gap:30px}}.page_exampleInput__7WHyy,.page_exampleOutput__7BU8Z{background:hsla(0,0%,100%,.1);padding:30px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page_exampleInput__7WHyy h3,.page_exampleOutput__7BU8Z h3{font-size:1.5rem;margin-bottom:20px;text-align:center}.page_urlExample__3V26q{margin-bottom:20px}.page_urlExample__3V26q .page_urlLabel__qhRXp{display:block;font-weight:600;margin-bottom:8px}.page_urlExample__3V26q code{background:rgba(0,0,0,.2);padding:8px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;display:block;word-break:break-all}.page_optionsExample__1lXLI{display:flex;flex-direction:column;gap:8px}.page_optionsExample__1lXLI span{font-size:.9rem;opacity:.9}.page_arrow__pqKlB{font-size:2rem;font-weight:700;text-align:center}@media(max-width:768px){.page_arrow__pqKlB{transform:rotate(90deg)}}.page_diagramPreview__5ZYn3{background:#fff;color:#333;padding:20px;border-radius:8px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.page_exampleDiagram__f4acv{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}.page_exampleDiagram__f4acv:hover{transform:scale(1.02)}.page_features__loExi{padding:80px 20px;background:var(--background)}.page_featuresGrid__J1EEc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px;margin-top:60px}.page_featureCard__ZdBcQ{padding:40px 30px;border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;background:var(--background)}.page_featureCard__ZdBcQ:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.page_featureCard__ZdBcQ .page_featureIcon__5lsbZ{font-size:3rem;margin-bottom:20px;display:block}.page_featureCard__ZdBcQ h3{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:var(--foreground)}.page_featureCard__ZdBcQ p{color:var(--foreground);opacity:.8;line-height:1.6}.page_footer__wa9SD{display:flex;flex-direction:row;justify-content:center;padding:40px 20px;background:#f8f9fa;border-top:1px solid rgba(0,0,0,.1);margin-top:auto}.page_footer__wa9SD a{color:#667eea;text-decoration:none;font-size:14px;margin:0 10px;font-weight:500;transition:color .3s ease}.page_footer__wa9SD a:hover{color:#764ba2}@media(prefers-color-scheme:dark){.page_howItWorks__dLcwZ{background:linear-gradient(135deg,#2d3748,#4a5568)}.page_step__nwprt{background:#2d3748;color:#e2e8f0}.page_step__nwprt h3{color:#e2e8f0}.page_step__nwprt p{color:#a0aec0}.page_featureCard__ZdBcQ{border-color:hsla(0,0%,100%,.1)}.page_featureCard__ZdBcQ:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.page_footer__wa9SD{background:#1a202c;border-color:hsla(0,0%,100%,.1)}}.userbadge__login-container{position:relative;display:inline-block}a[data-testid=loginButton]{padding:8px 20px;border-radius:25px;font-weight:500;font-size:14px;transition:border-color .3s ease;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:80px;box-shadow:0 4px 15px rgba(102,126,234,.25),0 2px 4px rgba(0,0,0,.1);border:2px solid hsla(0,0%,100%,.2)}a[data-testid=loginButton],a[data-testid=loginButton]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none}a[data-testid=loginButton]:hover{border-color:hsla(0,0%,100%,.6)}a[data-testid=loginButton]:focus{outline:none;border-color:hsla(0,0%,100%,.8)}@media(prefers-color-scheme:dark){a[data-testid=loginButton]{background:linear-gradient(135deg,#4c63d2,#5b4b8a);box-shadow:0 4px 15px rgba(76,99,210,.3),0 2px 4px rgba(0,0,0,.2)}a[data-testid=loginButton]:hover{background:linear-gradient(135deg,#4c63d2,#5b4b8a);border-color:hsla(0,0%,100%,.6)}a[data-testid=loginButton]:focus{border-color:hsla(0,0%,100%,.8)}}@media(max-width:768px){a[data-testid=loginButton]{padding:8px 16px;font-size:13px;min-width:70px}}.userbadge__new-badge{position:absolute;top:-8px;right:-12px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:9px;font-weight:700;padding:3px 7px;border-radius:12px;line-height:1;text-transform:uppercase;min-width:20px;text-align:center;box-shadow:0 2px 8px rgba(255,107,107,.4),0 1px 3px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-color-scheme:dark){.userbadge__new-badge{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;box-shadow:0 2px 8px rgba(255,71,87,.5),0 1px 3px rgba(0,0,0,.3)}}.userbadge__popover .ant-popover-inner{padding:0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.08);overflow:hidden}.userbadge__popover .ant-popover-arrow{display:none}.userbadge__dropdown{min-width:280px;background:#fff;border-radius:12px;overflow:hidden}@media(prefers-color-scheme:dark){.userbadge__dropdown{background:#1f1f1f;border:1px solid #333}}.userbadge__user-info{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(prefers-color-scheme:dark){.userbadge__user-info{background:linear-gradient(135deg,#4c63d2,#5b4b8a)}}.userbadge__user-avatar{margin-right:16px}.userbadge__user-avatar .ant-avatar{border:3px solid hsla(0,0%,100%,.3);box-shadow:0 4px 12px rgba(0,0,0,.15)}.userbadge__user-details{flex:1 1;min-width:0}.userbadge__user-name{font-size:14px;font-weight:600;margin-bottom:4px}.userbadge__user-email,.userbadge__user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userbadge__user-email{font-size:12px;opacity:.9;margin-bottom:6px}.userbadge__verified-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:500;background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.userbadge__verified-badge:before{content:"✓";margin-right:4px;color:#52c41a}.userbadge__menu-items{padding:8px 0}.userbadge__menu-link{display:block}.userbadge__menu-link,.userbadge__menu-link:hover{text-decoration:none;color:inherit}.userbadge__menu-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;position:relative;font-size:14px}.userbadge__menu-item:hover{background:#f5f5f5}@media(prefers-color-scheme:dark){.userbadge__menu-item:hover{background:#2a2a2a}}.userbadge__menu-item:active{background:#e8e8e8}@media(prefers-color-scheme:dark){.userbadge__menu-item:active{background:#333}}.userbadge__menu-item--disabled{opacity:.6;cursor:not-allowed}.userbadge__menu-item--disabled:hover{background:rgba(0,0,0,0)}.userbadge__menu-item--logout{color:#ff4d4f}.userbadge__menu-item--logout:hover{background:#fff2f0}@media(prefers-color-scheme:dark){.userbadge__menu-item--logout:hover{background:#2a1a1a}}.userbadge__menu-item--logout .userbadge__menu-icon{color:#ff4d4f}.userbadge__menu-icon{font-size:14px;margin-right:12px;color:#666;width:20px;text-align:center}@media(prefers-color-scheme:dark){.userbadge__menu-icon{color:#999}}.userbadge__coming-soon{position:absolute;right:20px;font-size:10px;color:#999;font-style:italic}@media(prefers-color-scheme:dark){.userbadge__coming-soon{color:#666}}.userbadge__avatar{transition:transform .2s ease}.userbadge__avatar:hover{transform:scale(1.05)}.userbadge__dropdown{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.userbadge__dropdown{min-width:260px}.userbadge__user-info{padding:16px}.userbadge__menu-item{padding:10px 16px}}.Header_header__gtmFw{background:var(--background);border-bottom:1px solid rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.Header_container__Q9KhP{width:100%;margin:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:50px}.Header_brand__D2nIr{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--foreground);transition:opacity .3s ease}.Header_brand__D2nIr:hover{opacity:.8}.Header_logo__h_d_N{width:22px;height:22px;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2941%) hue-rotate(226deg) brightness(90%) contrast(88%);transition:transform .3s ease}.Header_logo__h_d_N:hover{transform:scale(1.05)}.Header_brandName__T4j6P{font-size:1.35rem;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.Header_nav__oxqCq{display:flex;align-items:center;gap:20px}@media(prefers-color-scheme:dark){.Header_header__gtmFw{background:rgba(31,32,35,.95);border-color:hsla(0,0%,100%,.1)}.Header_logo__h_d_N{filter:brightness(0) saturate(100%) invert(85%) sepia(15%) saturate(377%) hue-rotate(186deg) brightness(98%) contrast(89%)}}@media(max-width:768px){.Header_container__Q9KhP{padding:0 15px;height:60px}.Header_brandName__T4j6P{font-size:1.5rem}.Header_logo__h_d_N{width:28px;height:28px}.Header_loginButton__ZzGy4 a[data-testid=loginButton]{padding:10px 20px!important;font-size:13px!important;border-radius:40px!important}.Header_loginButton__ZzGy4 a[data-testid=loginButton]:hover{transform:translateY(-2px) scale(1.01)!important}}