:root{--bg-app:#f5f7fb;--bg-sidebar:#fff;--bg-header:#ffffffeb;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-card-elevated:#fff;--bg-input:#f1f5f9;--bg-input-focus:#fff;--bg-muted:#f1f5f9;--bg-subtle:#00000005;--bg-subtle-hover:#0000000a;--border-subtle:#0000000f;--border-default:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#2563eb;--border-card:#00000014;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--risk-safe:#059669;--risk-safe-bg:#05966914;--risk-safe-border:#05966933;--risk-low:#2563eb;--risk-low-bg:#2563eb14;--risk-low-border:#2563eb33;--risk-medium:#d97706;--risk-medium-bg:#d9770614;--risk-medium-border:#d9770633;--risk-high:#ea580c;--risk-high-bg:#ea580c14;--risk-high-border:#ea580c33;--risk-critical:#dc2626;--risk-critical-bg:#dc262614;--risk-critical-border:#dc262633;--brand-primary:#2563eb;--brand-hover:#1d4ed8;--brand-glow:#2563eb26;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;--shadow-glow:0 0 24px #2563eb1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--max-content-width:1440px;--transition-fast:.15s ease;--transition-normal:.22s ease;--transition-slow:.35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.heading-xl{letter-spacing:-.025em;color:var(--text-primary);font-size:28px;font-weight:700}.heading-lg{letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:600}.heading-md{letter-spacing:-.01em;color:var(--text-primary);font-size:16px;font-weight:600}.subheading{color:var(--text-secondary);font-size:14px;line-height:1.5}.text-muted{color:var(--text-muted)}.app-container{background-color:var(--bg-app);min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.app-main.collapsed{margin-left:var(--sidebar-collapsed-width)}.content-body{max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto;padding:24px 32px 48px}@media (width<=1024px){.app-main,.app-main.collapsed{margin-left:0}.content-body{padding:20px 16px 40px}}.top-header{height:var(--header-height);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:40;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:16px;max-width:580px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.search-trigger-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);width:100%;max-width:420px;transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.search-trigger-btn:hover{background:var(--bg-input-focus);border-color:var(--border-default);color:var(--text-primary)}.search-kbd{font-size:11px;font-family:var(--font-mono);background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;margin-left:auto;padding:2px 6px}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:50;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand-logo-wrap{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand-icon-box{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #2563eb4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #2563eb33}.sidebar-nav{flex-direction:column;flex:1;gap:20px;padding:16px 10px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 10px 6px;font-size:11px;font-weight:600}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--bg-subtle-hover)}.nav-item.active{color:var(--brand-primary);border-left:2px solid var(--brand-primary);background:#2563eb0f;padding-left:10px;font-weight:600}.nav-item-badge{border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--text-secondary);margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.nav-item-badge.critical{background:var(--risk-critical-bg);color:var(--risk-critical);border:1px solid var(--risk-critical-border)}.nav-item-badge.warning{background:var(--risk-medium-bg);color:var(--risk-medium);border:1px solid var(--risk-medium-border)}.sidebar-footer{border-top:1px solid var(--border-default);background:var(--bg-muted);padding:14px}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 1px 3px #2563eb66}.btn-primary:hover{background:var(--brand-hover);box-shadow:0 2px 8px #2563eb80}.btn-secondary{background:var(--bg-muted);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-elevated);border-color:var(--border-default)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.btn-danger{background:var(--risk-critical-bg);border:1px solid var(--risk-critical-border);color:var(--risk-critical)}.btn-danger:hover{background:#ef444438}.btn-success{background:var(--risk-safe-bg);border:1px solid var(--risk-safe-border);color:var(--risk-safe)}.btn-success:hover{background:#10b98138}.btn-lg{border-radius:var(--radius-md);padding:12px 24px;font-size:15px;font-weight:600}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-secondary);border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-subtle-hover);color:var(--text-primary);border-color:var(--border-subtle)}.sec-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:20px}.sec-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.sec-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sec-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:16px;display:flex;position:relative;overflow:hidden}.kpi-card:after{content:"";height:2px;transition:background var(--transition-fast);background:0 0;position:absolute;top:0;left:0;right:0}.kpi-card:hover:after{background:var(--brand-primary)}.kpi-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.kpi-meta{align-items:center;gap:6px;font-size:11px;display:flex}.kpi-delta-up{color:var(--risk-critical);font-weight:600}.kpi-delta-good{color:var(--risk-safe);font-weight:600}.risk-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.risk-badge.critical{background:var(--risk-critical-bg);border:1px solid var(--risk-critical-border);color:var(--risk-critical)}.risk-badge.high{background:var(--risk-high-bg);border:1px solid var(--risk-high-border);color:var(--risk-high)}.risk-badge.medium{background:var(--risk-medium-bg);border:1px solid var(--risk-medium-border);color:var(--risk-medium)}.risk-badge.low{background:var(--risk-low-bg);border:1px solid var(--risk-low-border);color:var(--risk-low)}.risk-badge.safe{background:var(--risk-safe-bg);border:1px solid var(--risk-safe-border);color:var(--risk-safe)}.status-badge{border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-secondary);align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-badge.verified{background:var(--risk-safe-bg);color:var(--risk-safe);border:1px solid var(--risk-safe-border)}.status-badge.review{background:var(--risk-medium-bg);color:var(--risk-medium);border:1px solid var(--risk-medium-border)}.status-badge.rejected{background:var(--risk-critical-bg);color:var(--risk-critical);border:1px solid var(--risk-critical-border)}.entity-type-badge{color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:capitalize;background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.table-responsive{width:100%;overflow-x:auto}.sec-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.sec-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-default);background:var(--bg-muted);padding:10px 14px;font-size:11px;font-weight:600}.sec-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:12px 14px}.sec-table tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}.table-entity-link{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.table-entity-link:hover{color:var(--brand-primary);text-decoration:underline}.quick-check-hero{text-align:center;max-width:780px;margin:0 auto;padding:40px 20px 24px}.quick-check-box{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-top:24px;padding:6px;display:flex;box-shadow:0 4px 20px #0000000d,0 1px 3px #00000008}.quick-check-box:focus-within{border-color:var(--brand-primary);box-shadow:0 8px 30px #2563eb1f,0 0 0 3px #2563eb26}.quick-check-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 18px;font-size:15px}.quick-check-input::placeholder{color:var(--text-muted)}.scanner-progress-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;max-width:680px;margin:32px auto;padding:32px}.scanner-steps-list{text-align:left;flex-direction:column;gap:12px;margin-top:24px;display:flex}.scanner-step-row{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.scanner-step-row.active{border-color:var(--brand-primary);background:#2563eb14}.scanner-step-row.completed{border-color:var(--risk-safe-border);color:var(--text-primary)}.risk-meter-display{align-items:center;gap:20px;display:flex}.score-number-box{border-radius:var(--radius-lg);border:2px solid;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;font-size:34px;font-weight:800;line-height:1;display:flex}.score-max-label{opacity:.7;margin-top:4px;font-size:12px;font-weight:500}.network-graph-container{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#f8fafc;width:100%;height:600px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000a}.network-controls{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;right:16px}.network-side-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:10;background:#fffffff5;width:320px;max-height:calc(100% - 32px);padding:18px;position:absolute;top:16px;left:16px;overflow-y:auto;box-shadow:0 8px 30px #00000014}.tab-nav{border-bottom:1px solid var(--border-default);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:#fff;border-bottom-color:var(--brand-primary);font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:#00000026;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast-box{background:var(--bg-card-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:flex-start;gap:12px;min-width:300px;max-width:420px;padding:12px 16px;animation:.2s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topdoo-landing{color:#0f172a;background:#fff;min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;position:relative;overflow-x:hidden}.landing-header{z-index:100;-webkit-backdrop-filter:blur(14px);height:68px;transition:all var(--transition-fast);background:#fffffff0;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}.landing-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;text-decoration:none;display:flex}.landing-logo-img{object-fit:cover;width:36px;height:36px;transition:transform var(--transition-fast);border:1px solid #2563eb26;border-radius:9px;box-shadow:0 2px 8px #2563eb2e}.landing-logo:hover .landing-logo-img{transform:scale(1.05)}.landing-logo-text{letter-spacing:-.02em;color:#0f172a;font-size:19px;font-weight:800}.landing-nav-links{align-items:center;gap:4px;height:100%;display:flex}.nav-dropdown-trigger{align-items:center;height:100%;display:flex;position:relative}.nav-dropdown-trigger:after{content:"";pointer-events:auto;z-index:150;height:35px;display:none;position:absolute;top:100%;left:-24px;right:-24px}.nav-dropdown-trigger:hover:after,.nav-dropdown-trigger.active:after{display:block}.nav-link-btn{color:#334155;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex;position:relative}.nav-link-btn:after{content:"";pointer-events:auto;z-index:150;height:35px;display:none;position:absolute;top:100%;left:-10px;right:-10px}.nav-link-btn:hover:after,.nav-link-btn.active:after{display:block}.nav-link-btn:hover{color:#2563eb;background:#f1f5f9}.nav-link-btn.active,.nav-dropdown-trigger.active .nav-link-btn,.nav-link-btn.active-price-pill,.nav-link-btn.active-explore-pill,.nav-link-btn.active-business-pill,.nav-link-btn.active-company-pill{font-weight:600;color:#2563eb!important;background:#ebf5ff!important;border-radius:8px!important}.mega-menu-backdrop{-webkit-backdrop-filter:blur(3px);z-index:90;background:#0f172a47;animation:.18s forwards megaFadeIn;position:fixed;inset:68px 0 0}.products-mega-wrapper{z-index:200;pointer-events:auto;width:min(1120px,100vw - 32px);padding-top:8px;position:fixed;top:66px;left:50%;transform:translate(-50%)}.products-mega-wrapper:before{content:"";pointer-events:auto;height:24px;position:absolute;top:-12px;left:0;right:0}.products-mega-modal{background:#fff;border:1px solid #e2e8f0f2;border-radius:20px;width:100%;max-height:calc(100vh - 86px);padding:24px 26px 18px;animation:.2s cubic-bezier(.16,1,.3,1) forwards megaSlideDown;overflow:hidden auto;box-shadow:0 24px 64px -12px #0f172a29,0 0 0 1px #e2e8f0b3}@keyframes megaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes megaSlideDown{0%{opacity:0;transform:translateY(-8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.mega-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:4px;display:flex}.mega-modal-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:800;line-height:1.25}.mega-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:13.5px;font-weight:400}.mega-modal-more-link{color:#2563eb;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:4px 0;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.mega-modal-more-link:hover{color:#1d4ed8;gap:9px}.mega-modal-grid{grid-template-columns:285px 1.18fr 290px;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:18px;display:grid}.mega-col-products{flex-direction:column;display:flex}.mega-col-products-header{margin-bottom:18px}.mega-products-list{flex-direction:column;gap:8px;display:flex}.mega-product-card{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mega-product-card:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(3px)}.mega-product-card.active{background:#eff6ff;border-color:#93c5fd;transform:translate(3px);box-shadow:0 4px 14px #2563eb14}.mega-product-card.active .mega-prod-title{color:#1d4ed8}.mega-product-card.active .mega-prod-arrow{color:#2563eb;opacity:1}.mega-product-card.active.card-blue{background:#eff6ff;border-color:#93c5fd;box-shadow:0 4px 14px #2563eb1a}.mega-product-card.active.card-blue .mega-prod-title{color:#1d4ed8}.mega-product-card.active.card-blue .mega-prod-arrow{color:#2563eb;opacity:1}.mega-product-card.active.card-purple{background:#faf5ff;border-color:#d8b4fe;box-shadow:0 4px 14px #a855f71a}.mega-product-card.active.card-purple .mega-prod-title{color:#7e22ce}.mega-product-card.active.card-purple .mega-prod-arrow{color:#9333ea;opacity:1}.mega-product-card.active.card-orange{background:#fff7ed;border-color:#fdba74;box-shadow:0 4px 14px #f973161f}.mega-product-card.active.card-orange .mega-prod-title{color:#c2410c}.mega-product-card.active.card-orange .mega-prod-arrow{color:#ea580c;opacity:1}.mega-product-card.active.card-green{background:#ecfdf5;border-color:#6ee7b7;box-shadow:0 4px 14px #10b9811f}.mega-product-card.active.card-green .mega-prod-title{color:#047857}.mega-product-card.active.card-green .mega-prod-arrow{color:#059669;opacity:1}.mega-product-card.active.card-indigo{background:#f5f3ff;border-width:1.5px;border-color:#8b5cf6;box-shadow:0 4px 14px #8b5cf626}.mega-product-card.active.card-indigo .mega-prod-title{color:#6d28d9}.mega-product-card.active.card-indigo .mega-prod-arrow{color:#7c3aed;opacity:1}.mega-prod-icon-box{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000001f}.mega-product-card:hover .mega-prod-icon-box{transform:scale(1.06)}.bg-gradient-blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 6px 16px #2563eb52}.bg-gradient-purple{background:linear-gradient(135deg,#d946ef 0%,#8b5cf6 100%);box-shadow:0 6px 16px #a855f752}.bg-gradient-orange{background:linear-gradient(135deg,#fbbf24 0%,#f97316 100%);box-shadow:0 6px 16px #f9731652}.bg-gradient-green{background:linear-gradient(135deg,#34d399 0%,#059669 100%);box-shadow:0 6px 16px #10b98152}.bg-gradient-indigo{background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);box-shadow:0 6px 16px #4f46e552}.mega-prod-text{flex:1;min-width:0}.mega-prod-title{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:700}.mega-prod-desc{color:#64748b;white-space:normal;font-size:12.5px;line-height:1.35}.mega-prod-arrow{color:#94a3b8;opacity:.7;flex-shrink:0;transition:all .18s}.mega-product-card:hover .mega-prod-arrow{color:#2563eb;opacity:1;transform:translate(4px)}.mega-col-features{flex-direction:column;display:flex}.mega-col-heading{color:#0f172a;margin-bottom:8px;padding-left:6px;font-size:14px;font-weight:700}.mega-features-list{flex-direction:column;gap:2px;display:flex}.mega-feature-row{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:6px 8px;transition:all .15s;display:flex}.mega-feature-row:hover{background:#f8fafc}.mega-feat-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .18s;display:flex}.mega-feature-row:hover .mega-feat-circle{transform:scale(1.08)}.bg-circle-blue{color:#2563eb;background:#eff6ff}.bg-circle-green{color:#059669;background:#ecfdf5}.bg-light-blue{background:#eff6ff}.bg-light-cyan{background:#e0f2fe}.bg-light-green{background:#ecfdf5}.bg-light-indigo{background:#eef2ff}.mega-feat-text{flex:1;min-width:0}.mega-feat-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.mega-feat-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.25;overflow:hidden}.mega-col-promo{flex-direction:column;display:flex}.mega-promo-card{background:#eaf4ff;border:1px solid #bfdbfed9;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:605px;animation:.22s ease-out forwards megaCardFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a14}.promo-cubes-full-bg{object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.mega-promo-card:hover .promo-cubes-full-bg{transform:scale(1.02)}.promo-default-content{z-index:2;flex-direction:column;padding:22px 18px;display:flex;position:relative}.promo-cubes-slogan{z-index:3;color:#1d4ed8;opacity:.95;pointer-events:none;flex-direction:column;align-items:flex-end;font-family:Caveat,Segoe Script,Brush Script MT,cursive,sans-serif;font-size:15px;font-weight:700;line-height:1.25;display:flex;position:absolute;bottom:14px;right:18px;transform:rotate(-5deg)}.mega-col-heading-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0;display:flex}.mega-col-heading-blue{color:#2563eb;letter-spacing:-.025em;font-size:26px;font-weight:800;line-height:1.25}.mega-col-subheading{color:#64748b;margin-bottom:16px;font-size:13.5px;line-height:1.4}.mega-col-overview-link{color:#2563eb;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding-top:2px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.mega-col-overview-link:hover{color:#1d4ed8;gap:7px}.mega-features-list-ai{flex-direction:column;gap:1px;display:flex}.mega-feature-row-ai{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:6.5px 8px;transition:all .15s;display:flex}.mega-feature-row-ai:hover{background:#f0f7ff}.mega-feat-ai-badge{background:#eff6ff;border:1px solid #bfdbfe99;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .18s,background .18s;display:flex}.mega-feature-row-ai:hover .mega-feat-ai-badge{background:#dbeafe;transform:scale(1.08)}.mega-feat-ai-text{flex:1;min-width:0}.mega-feat-ai-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.mega-feat-ai-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.25;overflow:hidden}.mega-col-heading-purple{color:#7e22ce;letter-spacing:-.025em;font-size:26px;font-weight:800;line-height:1.25}.mega-feat-chevron{color:#94a3b8;opacity:.6;flex-shrink:0;transition:all .18s}.mega-feature-row-ai:hover .mega-feat-chevron{color:#2563eb;opacity:1;transform:translate(3px)}.mega-features-list-studio{flex-direction:column;gap:1px;display:flex}.mega-feature-row-studio{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:6.5px 8px;transition:all .15s;display:flex}.mega-feature-row-studio:hover{background:#faf5ff}.mega-feat-studio-badge{background:#faf5ff;border:1px solid #d8b4fe99;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .18s,background .18s;display:flex}.mega-feature-row-studio:hover .mega-feat-studio-badge{background:#f3e8ff;transform:scale(1.08)}.mega-feat-studio-text{flex:1;min-width:0}.mega-feat-studio-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.mega-feat-studio-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.25;overflow:hidden}.mega-feature-row-studio:hover .mega-feat-chevron{color:#7e22ce;opacity:1;transform:translate(3px)}.mega-col-heading-orange{color:#ea580c;letter-spacing:-.025em;font-size:26px;font-weight:800;line-height:1.25}.mega-features-list-tools{flex-direction:column;gap:1px;display:flex}.mega-feature-row-tools{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:6.5px 8px;transition:all .15s;display:flex}.mega-feature-row-tools:hover{background:#fff7ed}.mega-feat-tools-badge{background:#fff7ed;border:1px solid #fdba7499;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .18s,background .18s;display:flex}.mega-feature-row-tools:hover .mega-feat-tools-badge{background:#ffedd5;transform:scale(1.08)}.mega-feat-tools-text{flex:1;min-width:0}.mega-feat-tools-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.mega-feat-tools-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.25;overflow:hidden}.mega-feature-row-tools:hover .mega-feat-chevron{color:#ea580c;opacity:1;transform:translate(3px)}.mega-col-heading-green{color:#059669;letter-spacing:-.025em;font-size:26px;font-weight:800;line-height:1.25}.mega-features-list-security{flex-direction:column;gap:1px;display:flex}.mega-feature-row-security{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:6.5px 8px;transition:all .15s;display:flex}.mega-feature-row-security:hover{background:#ecfdf5}.mega-feat-security-badge{background:#ecfdf5;border:1px solid #10b98140;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .18s,background .18s;display:flex}.mega-feature-row-security:hover .mega-feat-security-badge{background:#d1fae5;border-color:#10b98180;transform:scale(1.08)}.mega-feat-security-text{flex:1;min-width:0}.mega-feat-security-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.mega-feat-security-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.25;overflow:hidden}.mega-feature-row-security:hover .mega-feat-chevron{color:#059669;opacity:1;transform:translate(3px)}.mega-col-heading-indigo{color:#6d28d9;letter-spacing:-.025em;white-space:nowrap;font-size:22px;font-weight:800;line-height:1.2}.overview-link-indigo{color:#2563eb}.overview-link-indigo:hover{color:#1d4ed8}.mega-features-list-developer{flex-direction:column;gap:2px;display:flex}.mega-feature-row-developer{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:6px 8px;transition:all .15s;display:flex}.mega-feature-row-developer:hover{background:#f5f3ff}.mega-feat-developer-badge{background:#f3e8ff;border:1px solid #8b5cf640;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .18s,background .18s;display:flex}.mega-feature-row-developer:hover .mega-feat-developer-badge{background:#ede9fe;border-color:#8b5cf680;transform:scale(1.08)}.mega-feat-developer-text{flex:1;min-width:0}.mega-feat-developer-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.mega-feat-developer-desc{color:#64748b;white-space:normal;font-size:11.5px;line-height:1.35}.mega-feature-row-developer:hover .mega-feat-chevron{color:#7c3aed;opacity:1;transform:translate(3px)}.mega-col-promo{width:100%;height:100%;min-height:605px;display:flex}.mega-promo-card-ai-full{background:#030a1c;border:1px solid #3b82f673;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:605px;animation:.22s ease-out forwards megaCardFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #02061759}@keyframes megaCardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.promo-ai-full-bg{object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.mega-promo-card-ai-full:hover .promo-ai-full-bg{transform:scale(1.02)}.promo-ai-full-content{z-index:2;flex-direction:column;padding:22px 18px;display:flex;position:relative}.promo-ai-full-pill{color:#93c5fd;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);background:#0e265cd9;border:1px solid #60a5fa99;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.promo-ai-full-title{color:#fff;letter-spacing:-.025em;text-shadow:0 2px 12px #0009;margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.25}.text-highlight-cyan{color:#60a5fa}.promo-ai-full-desc{color:#cbd5e1;opacity:.95;text-shadow:0 1px 6px #00000080;max-width:220px;margin:0 0 16px;font-size:12px;line-height:1.45}.btn-promo-ai-full{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #93c5fd66;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #2563eb73}.btn-promo-ai-full:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 22px #2563eba6}.promo-ai-hud-label{z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;text-shadow:0 1px 4px #0009;background:#0a193ca6;border:1px solid #60a5fa80;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 2px 8px #0000004d}.promo-ai-hud-label.tag-hoi{top:385px;left:24px}.promo-ai-hud-label.tag-sangtao{top:400px;right:18px}.promo-ai-hud-label.tag-phantich{top:495px;right:18px}.promo-ai-hud-label.tag-tudonghoa{bottom:52px;left:20px}.promo-ai-full-slogan{z-index:3;color:#fff;opacity:.95;pointer-events:none;text-shadow:0 2px 8px #000c;flex-direction:column;align-items:flex-end;font-family:Caveat,Segoe Script,Brush Script MT,cursive,sans-serif;font-size:15px;font-weight:700;line-height:1.25;display:flex;position:absolute;bottom:14px;right:18px;transform:rotate(-5deg)}.mega-promo-card-studio-full{background:#f5f3ff;border:1px solid #c084fc8c;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:605px;animation:.22s ease-out forwards megaCardFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #6b21a829}.promo-studio-full-bg{object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.mega-promo-card-studio-full:hover .promo-studio-full-bg{transform:scale(1.02)}.promo-studio-full-content{z-index:2;flex-direction:column;padding:22px 18px;display:flex;position:relative}.promo-studio-full-pill{color:#6b21a8;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #a855f773;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #9333ea14}.promo-studio-full-title{color:#1e1b4b;letter-spacing:-.025em;margin:0 0 10px;font-size:26px;font-weight:800;line-height:1.2}.promo-studio-full-desc{color:#4c1d95;opacity:.95;max-width:220px;margin:0 0 16px;font-size:12px;line-height:1.5}.btn-promo-studio-full{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:1px solid #c084fc80;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:9px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #7c3aed59}.btn-promo-studio-full:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 6px 22px #7c3aed8c}.promo-studio-full-slogan{z-index:3;color:#581c87;opacity:.95;pointer-events:none;flex-direction:column;align-items:flex-end;font-family:Caveat,Segoe Script,Brush Script MT,cursive,sans-serif;font-size:20px;font-weight:700;line-height:1.15;display:flex;position:absolute;bottom:16px;right:18px;transform:rotate(-8deg)}.mega-promo-card-tools-full{background:#fff7ed;border:1px solid #fdba748c;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:605px;animation:.22s ease-out forwards megaCardFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #ea580c29}.promo-tools-full-bg{object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.mega-promo-card-tools-full:hover .promo-tools-full-bg{transform:scale(1.02)}.promo-tools-full-content{z-index:2;flex-direction:column;padding:22px 18px;display:flex;position:relative}.promo-tools-full-pill{color:#c2410c;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #f9731680;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #ea580c14}.promo-tools-full-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 10px;font-size:26px;font-weight:850;line-height:1.2}.text-highlight-orange{color:#ea580c}.promo-tools-full-desc{color:#475569;opacity:.95;max-width:220px;margin:0 0 16px;font-size:12px;line-height:1.5}.btn-promo-tools-full{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:1px solid #fdba7480;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:9px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #ea580c59}.btn-promo-tools-full:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-1px);box-shadow:0 6px 22px #ea580c8c}.mega-promo-card-security-full{background:#ecfdf5;border:1px solid #6ee7b78c;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:605px;animation:.22s ease-out forwards megaCardFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #10b98129}.promo-security-full-bg{object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.mega-promo-card-security-full:hover .promo-security-full-bg{transform:scale(1.02)}.promo-security-full-content{z-index:2;flex-direction:column;padding:22px 18px;display:flex;position:relative}.promo-security-full-pill{color:#047857;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #10b98173;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #10b98114}.promo-security-full-title{color:#064e3b;letter-spacing:-.025em;margin:0 0 10px;font-size:26px;font-weight:850;line-height:1.2}.promo-security-full-desc{color:#334155;opacity:.95;max-width:235px;margin:0 0 16px;font-size:12px;line-height:1.5}.btn-promo-security-full{color:#fff;cursor:pointer;background:#047857;border:1px solid #065f46;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:9px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #04785759}.btn-promo-security-full:hover{background:#065f46;transform:translateY(-1px);box-shadow:0 6px 22px #0478578c}.mega-promo-card-dev-full{background:#ede9fe;border:1px solid #a78bfa8c;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:605px;animation:.22s ease-out forwards megaCardFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #6d28d929}.promo-dev-full-bg{object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none;width:100%;height:68%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0}.mega-promo-card-dev-full:hover .promo-dev-full-bg{transform:scale(1.02)}.promo-dev-full-content{z-index:2;flex-direction:column;padding:18px 18px 0;display:flex;position:relative}.promo-dev-full-pill{color:#fff;letter-spacing:.04em;background:#6d28d9;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:10px;padding:3.5px 10px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #6d28d940}.promo-dev-full-title{color:#4c1d95;letter-spacing:-.025em;margin:0 0 8px;font-size:23px;font-weight:850;line-height:1.18}.promo-dev-full-desc{color:#334155;opacity:.95;max-width:250px;margin:0 0 14px;font-size:11.5px;line-height:1.45}.btn-promo-dev-full{color:#fff;cursor:pointer;background:#6d28d9;border:1px solid #5b21b6;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #6d28d959}.btn-promo-dev-full:hover{background:#5b21b6;transform:translateY(-1px);box-shadow:0 6px 22px #6d28d98c}.promo-dev-full-slogan{z-index:3;color:#3b0764;pointer-events:none;text-shadow:0 1px 3px #fffffff2;flex-direction:column;align-items:flex-start;font-family:Caveat,Dancing Script,Segoe Script,cursive,sans-serif;font-size:26px;font-weight:700;line-height:1.05;display:flex;position:absolute;bottom:22px;left:18px;transform:rotate(-10deg)}.promo-brand-pill{color:#1d4ed8;letter-spacing:.02em;background:#fffffff2;border:1px solid #bfdbfee6;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:14px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #2563eb14}.promo-mini-logo{object-fit:cover;border-radius:3px;width:14px;height:14px}.promo-headline{color:#0f172a;letter-spacing:-.025em;margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.25}.promo-description{color:#475569;margin:0 0 16px;font-size:12.5px;line-height:1.5}.btn-promo-cta{color:#1d4ed8;cursor:pointer;z-index:2;background:#fff;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #2563eb14}.btn-promo-cta:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb47}.mega-modal-bottom-bar{background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 18px;display:flex}.bottom-bar-left{align-items:center;gap:14px;display:flex}.bottom-bar-icon{background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bottom-bar-title{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:700}.bottom-bar-desc{color:#64748b;font-size:13px}.bottom-bar-actions{align-items:center;gap:10px;display:flex}.btn-bottom-action{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn-bottom-action:hover{color:#1e40af;background:#f0f7ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb1f}.mega-modal-bottom-bar.studio-theme{background:#fbf8ff;border-color:#e9d5ff}.mega-modal-bottom-bar.studio-theme .bottom-bar-icon{background:#f3e8ff}.btn-bottom-studio-action{color:#7c3aed;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #8b5cf6;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-bottom-studio-action:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed40}.mega-modal-bottom-bar.tools-theme{background:#fffbf5;border-color:#fed7aa}.mega-modal-bottom-bar.tools-theme .bottom-bar-icon{background:#ffedd5}.btn-bottom-tools-action{color:#ea580c;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #f97316;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-bottom-tools-action:hover{background:#fff7ed;border-color:#ea580c;transform:translateY(-1px);box-shadow:0 2px 10px #ea580c26}.mega-modal-bottom-bar.security-theme{background:#f0fdf4;border-color:#a7f3d0}.mega-modal-bottom-bar.security-theme .bottom-bar-icon{background:#d1fae5;border-color:#10b98166}.btn-bottom-security-action{color:#047857;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #10b981;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-bottom-security-action:hover{background:#ecfdf5;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 10px #10b98126}.mega-modal-bottom-bar.developer-theme{background:#faf5ff;border-color:#ddd6fe}.mega-modal-bottom-bar.developer-theme .bottom-bar-icon{background:#ede9fe;border-color:#8b5cf666}.btn-bottom-developer-action{color:#6d28d9;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #6d28d9;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-bottom-developer-action:hover{background:#ede9fe;border-color:#5b21b6;transform:translateY(-1px);box-shadow:0 2px 10px #6d28d926}@media (width<=1024px){.products-mega-wrapper{width:95vw}.products-mega-modal{padding:20px 18px}.mega-modal-grid{grid-template-columns:1fr;gap:20px}.mega-col-promo{order:3}}.landing-mega-menu{z-index:120;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;width:340px;padding:10px;animation:.16s slideIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #0f172a1f}.landing-mega-menu:before{content:"";pointer-events:auto;height:15px;position:absolute;top:-15px;left:0;right:0}.landing-mega-menu.grid-2{grid-template-columns:1fr 1fr;width:520px;display:grid}.mega-menu-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.mega-menu-item:hover{background:#f8fafc}.mega-icon-box{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mega-icon-box.bg-blue{background:#2563eb}.mega-icon-box.bg-purple{background:#8b5cf6}.mega-icon-box.bg-orange{background:#f97316}.mega-icon-box.bg-green{background:#10b981}.mega-icon-box.bg-indigo{background:#4f46e5}.mega-title{color:#0f172a;font-size:13px;font-weight:600}.mega-desc{color:#64748b;font-size:11.5px;line-height:1.35}.tools-dropdown-backdrop{z-index:110;background:0 0;position:fixed;inset:68px 0 0}.tools-mega-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(890px,100vw - 32px);max-height:calc(100vh - 90px);padding:22px 18px 18px;animation:.16s cubic-bezier(.16,1,.3,1) forwards toolsDropdownSlideCentered;display:grid;position:fixed;top:74px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 20px 45px -10px #0f172a24,0 0 1px 1px #0000000a}@keyframes toolsDropdownSlideCentered{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.tools-mega-dropdown:before{content:"";pointer-events:auto;height:16px;position:absolute;top:-16px;left:0;right:0}.tools-col{min-width:0;padding:0 14px}.tools-col:first-child{padding-left:2px}.tools-col:last-child{padding-right:2px}.tools-col:not(:last-child){border-right:1px solid #f1f5f9}.tools-col-header{margin-bottom:12px;padding:0 8px 4px}.tools-col-title{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.tools-col-subtitle{color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.35}.tools-items-list{flex-direction:column;gap:3px;display:flex}.tools-menu-item{cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:all .14s;display:flex;position:relative}.tools-menu-item:hover{background:#f8fafc}.tools-item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .14s;display:flex}.tools-menu-item:hover .tools-item-icon-box{transform:scale(1.04)}.tools-item-text{flex:1;min-width:0}.tools-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.25;transition:color .14s;overflow:hidden}.tools-menu-item:hover .tools-item-title{color:#0084ff}.tools-item-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;line-height:1.35;overflow:hidden}.tools-item-arrow{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;transition:transform .14s,color .14s;display:flex}.tools-menu-item:hover .tools-item-arrow{color:#0084ff;transform:translate(3px)}@media (width<=768px){.tools-mega-dropdown{display:none}}.explore-dropdown-backdrop{z-index:110;background:0 0;position:fixed;inset:68px 0 0}.explore-mega-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(960px,100vw - 32px);max-height:calc(100vh - 90px);padding:22px 18px 18px;animation:.16s cubic-bezier(.16,1,.3,1) forwards exploreDropdownSlideCentered;position:fixed;top:74px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 20px 45px -10px #0f172a24,0 0 1px 1px #0000000a}@keyframes exploreDropdownSlideCentered{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.explore-mega-dropdown:before{content:"";pointer-events:auto;height:16px;position:absolute;top:-16px;left:0;right:0}.explore-mega-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 240px;align-items:stretch;gap:0;display:grid}.explore-col{min-width:0;padding:0 12px}.explore-col:first-child{padding-left:2px}.explore-col:not(:last-child){border-right:1px solid #f1f5f9}.explore-col-header{margin-bottom:12px;padding:0 8px 4px}.explore-col-title{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.explore-col-subtitle{color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.35}.explore-items-list{flex-direction:column;gap:3px;display:flex}.explore-menu-item{cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:all .14s;display:flex;position:relative}.explore-menu-item:hover{background:#f8fafc}.explore-item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .14s;display:flex}.explore-menu-item:hover .explore-item-icon-box{transform:scale(1.04)}.explore-item-text{flex:1;min-width:0}.explore-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.25;transition:color .14s;overflow:hidden}.explore-menu-item:hover .explore-item-title{color:#0084ff}.explore-item-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;line-height:1.35;overflow:hidden}.explore-item-arrow{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;transition:transform .14s,color .14s;display:flex}.explore-menu-item:hover .explore-item-arrow{color:#0084ff;transform:translate(3px)}.explore-promo-col{padding-left:14px;display:flex}.explore-promo-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:14px;flex-direction:column;justify-content:space-between;width:100%;padding:16px 14px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #2563eb0f}.explore-promo-header{z-index:2;position:relative}.explore-promo-title{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.explore-promo-desc{color:#475569;margin:4px 0 0;font-size:11.5px;line-height:1.35}.explore-promo-graphic{justify-content:center;align-items:center;margin:10px 0;display:flex}.btn-explore-promo{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .16s;display:flex;box-shadow:0 2px 6px #2563eb14}.btn-explore-promo:hover{color:#fff;background:#0084ff;border-color:#0084ff;box-shadow:0 4px 12px #0084ff40}@media (width<=768px){.explore-mega-dropdown{display:none}}.company-dropdown-backdrop{z-index:110;background:0 0;position:fixed;inset:68px 0 0}.company-mega-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(820px,100vw - 32px);max-height:calc(100vh - 90px);padding:22px 18px 18px;animation:.16s cubic-bezier(.16,1,.3,1) forwards companyDropdownSlideCentered;position:fixed;top:74px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 20px 45px -10px #0f172a24,0 0 1px 1px #0000000a}@keyframes companyDropdownSlideCentered{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.company-mega-dropdown:before{content:"";pointer-events:auto;height:16px;position:absolute;top:-16px;left:0;right:0}.company-mega-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 240px;align-items:stretch;gap:0;display:grid}.company-col{min-width:0;padding:0 14px}.company-col:first-child{padding-left:4px}.company-col:not(:last-child){border-right:1px solid #f1f5f9}.company-col-header{margin-bottom:12px;padding:0 8px 4px}.company-col-title{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.company-col-subtitle{color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.35}.company-items-list{flex-direction:column;gap:3px;display:flex}.company-menu-item{cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:all .14s;display:flex;position:relative}.company-menu-item:hover{background:#f8fafc}.company-item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .14s;display:flex}.company-menu-item:hover .company-item-icon-box{transform:scale(1.04)}.company-item-text{flex:1;min-width:0}.company-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.25;transition:color .14s;overflow:hidden}.company-menu-item:hover .company-item-title{color:#0084ff}.company-item-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;line-height:1.35;overflow:hidden}.company-item-arrow{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;transition:transform .14s,color .14s;display:flex}.company-menu-item:hover .company-item-arrow{color:#0084ff;transform:translate(3px)}.company-promo-col{padding-left:14px;display:flex}.company-promo-card{background:linear-gradient(135deg,#f0f7ff 0%,#e0efff 100%);border:1px solid #bfdbfe;border-radius:14px;flex-direction:column;justify-content:space-between;width:100%;padding:16px 14px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #2563eb0f}.company-promo-header{z-index:2;position:relative}.company-promo-title{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.company-promo-desc{color:#475569;margin:4px 0 0;font-size:11.5px;line-height:1.35}.company-promo-graphic{justify-content:center;align-items:center;margin:8px 0;display:flex}.btn-company-promo{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .16s;display:flex;box-shadow:0 2px 6px #2563eb14}.btn-company-promo:hover{color:#fff;background:#0084ff;border-color:#0084ff;box-shadow:0 4px 12px #0084ff40}@media (width<=768px){.company-mega-dropdown{display:none}}.business-dropdown-backdrop{z-index:110;background:0 0;position:fixed;inset:68px 0 0}.business-mega-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(740px,100vw - 32px);max-height:calc(100vh - 90px);padding:22px 20px 20px;animation:.16s cubic-bezier(.16,1,.3,1) forwards businessDropdownSlide;position:fixed;top:74px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 20px 45px -10px #0f172a24,0 0 1px 1px #0000000a}@keyframes businessDropdownSlide{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.business-mega-dropdown:before{content:"";pointer-events:auto;height:16px;position:absolute;top:-16px;left:0;right:0}.business-mega-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:18px;display:grid}.business-items-col{flex-direction:column;gap:6px;display:flex}.business-menu-item{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:all .16s;display:flex}.business-menu-item:hover{background:#f8fafc;border-color:#e2e8f0}.business-item-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.business-item-icon.biz-blue{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.business-item-icon.biz-slate{color:#fff;background:linear-gradient(135deg,#64748b,#475569)}.business-item-icon.biz-indigo{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1)}.business-item-text{flex:1;min-width:0}.business-item-title{color:#0f172a;margin-bottom:3px;font-size:14.5px;font-weight:700;line-height:1.3}.business-item-desc{color:#64748b;font-size:12.5px;line-height:1.4}.business-item-arrow{color:#94a3b8;flex-shrink:0;transition:all .16s}.business-menu-item:hover .business-item-arrow{color:#2563eb;transform:translate(2px)}.business-promo-card{background:linear-gradient(160deg,#eff6ff 0%,#dbeafe 50%,#e0f2fe 100%);border:1px solid #bfdbfeb3;border-radius:16px;flex-direction:column;min-height:280px;display:flex;position:relative;overflow:hidden}.business-promo-content{z-index:2;flex-direction:column;flex:1;padding:20px 18px 0;display:flex;position:relative}.business-promo-badge{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.business-promo-heading{color:#0f172a;margin-bottom:10px;font-size:22px;font-weight:800;line-height:1.25}.business-promo-desc{color:#475569;margin-bottom:16px;font-size:13px;line-height:1.5}.business-promo-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .16s;display:inline-flex}.business-promo-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.business-promo-image{object-fit:cover;object-position:center top;width:100%;height:auto;margin-top:auto;display:block}@media (width<=768px){.business-mega-dropdown{display:none}}.landing-header-actions{align-items:center;gap:10px;display:flex}.btn-search-trigger{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex}.btn-search-trigger:hover{color:#2563eb;background:#f1f5f9}.btn-header-bell{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex;position:relative}.btn-header-bell:hover{color:#0084ff;background:#f1f5f9}.bell-badge-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.landing-lang-switcher{color:#1e293b;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.landing-lang-switcher:hover{color:#0084ff;background:#f1f5f9}.btn-auth-login{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.btn-auth-login:hover{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe;transform:translateY(-1px)}.btn-auth-signup{color:#fff;cursor:pointer;white-space:nowrap;background:#0084ff;border:none;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 20px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 8px #0084ff40}.btn-auth-signup:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 4px 14px #0084ff61}.header-icon-btn{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.header-icon-btn:hover{color:#2563eb;background:#f1f5f9;border-color:#cbd5e1}.btn-outline-login{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .18s}.btn-outline-login:hover{color:#0f172a;background:#e2e8f0}.btn-primary-cta{color:#fff;background:#2563eb;border-radius:9999px;padding:8px 20px;font-size:13.5px;font-weight:600;transition:all .18s;box-shadow:0 4px 14px #2563eb59}.btn-primary-cta:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.landing-hero-section{background-color:#ebf5fd;background-image:url(/bannerHomeTopdoo.png);background-position:100%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:660px;padding:80px 24px 70px;display:flex;position:relative;overflow:hidden}.landing-hero-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#ebf5fdf5 0%,#ebf5fdcc 60%,#ebf5fd00 100%);width:52%;position:absolute;top:0;bottom:0;left:0}.landing-hero-inner{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;width:100%;max-width:1280px;min-height:540px;margin:0 auto;display:grid;position:relative}.landing-hero-content{max-width:580px}.hero-main-title{letter-spacing:-.03em;color:#0f172a;margin-bottom:22px;font-size:50px;font-weight:800;line-height:1.16}.hero-highlight-ai{color:#2563eb;font-weight:900}.hero-main-subtitle{color:#334155;max-width:520px;margin-bottom:34px;font-size:16.5px;line-height:1.68}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:48px;display:flex}.btn-hero-primary{color:#fff;background:#2563eb;border-radius:9999px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #2563eb59}.btn-hero-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb73}.btn-hero-video{color:#1e40af;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1.5px solid #bfdbfe;border-radius:9999px;align-items:center;gap:10px;padding:11px 24px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #2563eb14}.btn-hero-video:hover{background:#fff;border-color:#60a5fa;transform:translateY(-1px)}.hero-metrics-strip{border-top:1px solid #cbd5e1cc;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;display:grid}.hero-metric-item{flex-direction:column;display:flex}.metric-val{color:#0f172a;letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.15}.metric-lbl{color:#64748b;margin-top:3px;font-size:12.5px;font-weight:500}.landing-hero-visual{flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:480px;display:flex;position:relative}.hero-slogan-wrapper{margin-top:auto;padding-bottom:24px;padding-right:12px}.hero-slogan-script{color:#0284c7;text-align:right;text-shadow:0 1px 4px #fffffff2,0 0 12px #bae6fdcc;-webkit-user-select:none;user-select:none;font-family:Caveat,Dancing Script,cursive;font-size:32px;font-weight:700;line-height:1.25;transform:rotate(-3deg)}.landing-section{padding:64px 24px}.landing-section.bg-white{background:#fff}.landing-section.bg-light{background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.landing-container{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}@media (width<=640px){.landing-container{padding-left:16px;padding-right:16px}}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.section-header-center{text-align:center;margin-bottom:44px}.section-heading-main{color:#0f172a;letter-spacing:-.02em;font-size:24px;font-weight:800}.section-subheading-text{color:#64748b;margin-top:4px;font-size:13.5px}.section-more-link{color:#2563eb;align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:gap .18s;display:inline-flex}.section-more-link:hover{color:#1d4ed8;gap:10px}.about-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.section-title-tag{color:#0f172a;margin-bottom:14px;font-size:24px;font-weight:800}.about-description{color:#475569;margin-bottom:24px;font-size:14.5px;line-height:1.7}.about-features-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.about-feature-pill{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.about-pill-icon{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.btn-section-action{color:#fff;background:#2563eb;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-section-action:hover{background:#1d4ed8;transform:translateY(-1px)}.quote-box-card{background:linear-gradient(135deg,#f0fdf4 0%,#eff6ff 100%);border:1px solid #bae6fd;border-radius:20px;padding:36px 32px;position:relative;box-shadow:0 10px 30px #0284c714}.quote-text{color:#1e3a8a;margin-bottom:24px;font-size:17px;font-style:italic;font-weight:600;line-height:1.6}.quote-signature{border-top:1px solid #0284c726;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.signature-handwritten{color:#2563eb;font-family:Caveat,Dancing Script,cursive;font-size:28px;font-weight:700}.quote-logo-mark{color:#0f172a;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.quote-mini-logo{object-fit:cover;border-radius:6px;width:22px;height:22px}.products-card-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.product-card{color:#fff;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:230px;padding:24px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #0000002e}.product-card.card-blue{background:linear-gradient(145deg,#1e40af 0%,#3b82f6 100%)}.product-card.card-purple{background:linear-gradient(145deg,#6d28d9 0%,#8b5cf6 100%)}.product-card.card-orange{background:linear-gradient(145deg,#c2410c 0%,#f97316 100%)}.product-card.card-green{background:linear-gradient(145deg,#047857 0%,#10b981 100%)}.product-card.card-indigo{background:linear-gradient(145deg,#312e81 0%,#4f46e5 100%)}.product-card-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.product-card-title{margin-bottom:6px;font-size:17px;font-weight:700}.product-card-desc{opacity:.9;margin-bottom:16px;font-size:12.5px;line-height:1.4}.product-card-circle-btn{background:#ffffff40;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:30px;height:30px;transition:all .18s;display:flex}.product-card:hover .product-card-circle-btn{background:#fff6;transform:scale(1.1)}.featured-tools-grid{grid-template-columns:repeat(8,1fr);gap:14px;display:grid}.featured-tool-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.featured-tool-card:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 8px 20px #2563eb1a}.featured-tool-card.tool-card-emerald:hover{border-color:#6ee7b7;box-shadow:0 8px 20px #10b9811f}.featured-tool-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.featured-tool-icon.icon-emerald{color:#059669;background:#ecfdf5}.featured-tool-name{color:#1e293b;font-size:12px;font-weight:600;line-height:1.3}.usecases-card-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.usecase-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .22s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000a}.usecase-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.usecase-thumb{aspect-ratio:16/10;background:#e2e8f0;width:100%;position:relative;overflow:hidden}.usecase-photo{object-fit:cover;width:100%;height:100%;transition:transform .35s}.usecase-card:hover .usecase-photo{transform:scale(1.06)}.usecase-photo-overlay{background:linear-gradient(#0000 40%,#0f172a59 100%);position:absolute;inset:0}.usecase-body{flex-direction:column;flex:1;padding:16px;display:flex}.usecase-target{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:700}.usecase-caption{color:#64748b;flex:1;margin-bottom:12px;font-size:12px;line-height:1.45}.usecase-action{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:26px;height:26px;transition:all .18s;display:flex}.usecase-card:hover .usecase-action{color:#fff;background:#2563eb}.security-showcase-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:280px 1fr 240px;align-items:center;gap:28px;padding:28px;display:grid;box-shadow:0 8px 30px #0f172a0a}.sec-banner-card{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 100%);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:240px;padding:28px 22px;display:flex;box-shadow:0 10px 24px #0f172a40}.sec-banner-icon{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.sec-banner-title{margin-bottom:20px;font-size:17px;font-weight:700;line-height:1.4}.btn-sec-explore{color:#fff;background:#2563eb;border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn-sec-explore:hover{background:#1d4ed8}.sec-features-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sec-col{flex-direction:column;gap:10px;display:flex}.sec-item{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.sec-item:hover{color:#2563eb;background:#f0f9ff;border-color:#93c5fd;transform:translate(3px)}.sec-item-icon{color:#2563eb;background:#eff6ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sec-visual-column{justify-content:center;align-items:center;display:flex;position:relative}.sec-shield-3d-img{object-fit:contain;filter:drop-shadow(0 16px 36px #0284c773);-webkit-user-select:none;user-select:none;width:100%;max-width:250px;height:auto;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sec-shield-3d-img:hover{filter:drop-shadow(0 20px 42px #0284c799);transform:translateY(-8px)scale(1.04)}.developer-platform-grid{grid-template-columns:380px 1fr;align-items:stretch;gap:24px;display:grid}.dev-cards-subgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dev-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:18px 16px;transition:all .18s;display:flex}.dev-card:hover{background:#f0f9ff;border-color:#93c5fd;transform:translateY(-2px)}.dev-card-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-card-title{color:#1e293b;font-size:13px;font-weight:600}.dev-code-terminal{background:#0b0f19;border:1px solid #1e293b;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 30px #00000040}.terminal-header{background:#111827;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:42px;padding:0 16px;display:flex}.terminal-tabs{gap:8px;display:flex}.terminal-tab-btn{color:#94a3b8;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.terminal-tab-btn.active{color:#38bdf8;background:#38bdf81f}.terminal-copy-btn{color:#94a3b8;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.terminal-copy-btn:hover{color:#fff;background:#ffffff1a}.terminal-body{font-family:var(--font-mono);color:#38bdf8;flex:1;margin:0;padding:20px;font-size:13px;line-height:1.6;overflow-x:auto}.academy-ecosystem-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.col-heading-bold{color:#0f172a;margin-bottom:6px;font-size:20px;font-weight:800}.col-subtext{color:#64748b;margin-bottom:24px;font-size:13.5px}.academy-tags-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.academy-tag-item{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.btn-col-action{color:#fff;background:#2563eb;border-radius:9999px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn-col-action:hover{background:#1d4ed8}.ecosystem-pills-wrap{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.eco-pill{cursor:pointer;border-radius:9999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:transform .15s;display:inline-flex}.eco-pill:hover{transform:scale(1.05)}.eco-pill.pill-cyan{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}.eco-pill.pill-purple{color:#7c3aed;background:#f3e8ff;border:1px solid #e9d5ff}.eco-pill.pill-orange{color:#ea580c;background:#ffedd5;border:1px solid #fed7aa}.eco-pill.pill-dark{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}.eco-pill.pill-green{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.eco-pill.pill-blue{color:#2563eb;background:#dbeafe;border:1px solid #bfdbfe}.eco-pill.pill-navy{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe}.eco-pill.pill-indigo{color:#6366f1;background:#ede9fe;border:1px solid #ddd6fe}.eco-pill.pill-teal{color:#0d9488;background:#ccfbf1;border:1px solid #99f6e4}.pricing-cards-row{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:16px;margin-top:16px;display:grid}.price-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;padding:24px 18px;transition:all .22s;display:flex;position:relative;box-shadow:0 4px 16px #0000000a}.price-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.price-card.card-featured{border:2px solid #2563eb;transform:translateY(-4px);box-shadow:0 12px 36px #2563eb29}.price-featured-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#2563eb;border-radius:9999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-title{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:700}.price-period{color:#64748b;margin-left:2px;font-size:12px;font-weight:500}.price-desc{color:#64748b;min-height:32px;margin-top:4px;margin-bottom:20px;font-size:12px}.price-features{flex-direction:column;flex:1;gap:10px;margin-bottom:24px;display:flex}.price-features>div{color:#334155;align-items:center;gap:8px;font-size:12px;display:flex}.btn-price-outline{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;width:100%;padding:9px;font-size:13px;font-weight:600;transition:all .18s}.btn-price-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-price-primary{color:#fff;background:#2563eb;border-radius:9999px;width:100%;padding:9px;font-size:13px;font-weight:600;transition:all .18s;box-shadow:0 4px 14px #2563eb59}.btn-price-primary:hover{background:#1d4ed8}.landing-cta-banner{color:#fff;background-color:#030a1c;background-image:url(/bannerBottomCta.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:80px 24px 85px;position:relative;overflow:hidden}.landing-cta-banner:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#030a1c4d 0%,#030a1c99 100%);position:absolute;inset:0}.cta-banner-inner{z-index:2;justify-content:space-between;align-items:center;gap:40px;max-width:1240px;margin:0 auto;display:flex;position:relative}.cta-banner-content{text-align:center;flex:1;max-width:760px;margin:0 auto}.cta-banner-title{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px #0009;margin-bottom:12px;font-size:36px;font-weight:800}.cta-banner-subtitle{color:#cbd5e1;text-shadow:0 1px 6px #0009;max-width:580px;margin:0 auto 34px;font-size:16px;line-height:1.6}.cta-banner-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.btn-banner-primary{color:#fff;background:#2563eb;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:14.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 6px 24px #2563eb80}.btn-banner-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 28px #2563eb99}.btn-banner-outline{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-banner-outline:hover{background:#ffffff38;border-color:#fff9;transform:translateY(-1px)}.cta-banner-signature{color:#fff;text-shadow:0 2px 14px #60a5facc,0 0 24px #2563eb99;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;font-family:Caveat,Dancing Script,cursive;font-size:34px;font-weight:700;line-height:1.15;display:flex;transform:rotate(-3deg)}@media (width<=992px){.cta-banner-inner{text-align:center;flex-direction:column}.cta-banner-signature{align-items:center;margin-top:24px}}.landing-footer{color:#94a3b8;background:#090d16;border-top:1px solid #1e293b;padding:64px 24px 32px}.footer-top-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand-col{flex-direction:column;gap:16px;display:flex}.footer-logo{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.footer-logo-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.footer-brand-desc{color:#64748b;max-width:300px;font-size:13px;line-height:1.6}.footer-social-links{gap:10px;display:flex}.social-icon-btn{color:#cbd5e1;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.social-icon-btn:hover{color:#fff;background:#2563eb}.footer-col-title{color:#fff;margin-bottom:16px;font-size:14px;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list a{color:#94a3b8;font-size:13px;transition:color .15s}.footer-links-list a:hover{color:#fff}.footer-bottom-bar{color:#64748b;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:12px;display:flex}.footer-lang-selector{color:#cbd5e1;cursor:pointer;background:#1e293b;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;display:flex}@media (width<=1200px){.products-card-grid{grid-template-columns:repeat(3,1fr)}.featured-tools-grid{grid-template-columns:repeat(4,1fr)}.usecases-card-grid,.pricing-cards-row{grid-template-columns:repeat(3,1fr)}.security-showcase-box{grid-template-columns:1fr 1fr}.sec-visual-column{display:none}}@media (width<=860px){.landing-hero-inner{text-align:center;grid-template-columns:1fr}.hero-main-subtitle{margin:0 auto 32px}.hero-cta-group{justify-content:center}.about-grid,.security-showcase-box,.developer-platform-grid,.academy-ecosystem-grid{grid-template-columns:1fr}.footer-top-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.hero-main-title{font-size:32px}.hero-metrics-strip{grid-template-columns:repeat(2,1fr)}.products-card-grid{grid-template-columns:1fr}.featured-tools-grid{grid-template-columns:repeat(2,1fr)}.usecases-card-grid,.pricing-cards-row,.sec-features-columns,.footer-top-grid{grid-template-columns:1fr}.landing-nav-links{display:none}}.topdoo-ai-page{color:#0f172a;background-color:#f8fafc;min-height:100vh;position:relative;overflow-x:hidden}.ai-hero-section{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 45%,#e0f2fe 100%);flex-direction:column;justify-content:center;min-height:520px;padding:16px 0 45px;display:flex;position:relative;overflow:hidden}.ai-hero-breadcrumbs{z-index:10;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:inline-flex;position:relative}.ai-hero-breadcrumbs .breadcrumb-link{color:#2563eb;cursor:pointer;font-weight:500;transition:color .15s}.ai-hero-breadcrumbs .breadcrumb-link:hover{color:#1d4ed8;text-decoration:underline}.ai-hero-breadcrumbs .breadcrumb-arrow{color:#93c5fd}.ai-hero-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.ai-hero-bg-wrap{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ai-hero-bg-img{object-fit:cover;object-position:right center;opacity:.95;width:100%;height:100%}.ai-hero-svg-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.ai-hero-container{z-index:2;width:100%;position:relative}.ai-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.ai-hero-left{max-width:580px}.ai-hero-pill{color:#2563eb;letter-spacing:.05em;background:#2563eb1a;border:1px solid #2563eb40;border-radius:9999px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.ai-hero-heading{color:#0f172a;letter-spacing:-.025em;margin-bottom:16px;font-size:46px;font-weight:800;line-height:1.15}.ai-heading-blue{color:#2563eb;background:linear-gradient(90deg,#1d4ed8 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ai-hero-subheading{color:#475569;margin-bottom:24px;font-size:14.5px;line-height:1.6}.ai-hero-cta-group{align-items:center;gap:12px;margin-bottom:36px;display:flex}.btn-ai-hero-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #2563eb59}.btn-ai-hero-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.btn-ai-hero-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;background:#ffffffd9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-ai-hero-secondary:hover{color:#2563eb;background:#fff;border-color:#94a3b8}.play-icon-circle{background:#2563eb1f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.ai-hero-badges-row{border-top:1px solid #cbd5e199;align-items:center;gap:20px;padding-top:14px;display:flex}.ai-value-badge{align-items:center;gap:10px;display:flex}.ai-badge-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ai-badge-icon.icon-blue{color:#2563eb;background:#2563eb1f}.ai-badge-icon.icon-cyan{color:#0284c7;background:#0284c71f}.ai-badge-icon.icon-indigo{color:#4f46e5;background:#4f46e51f}.ai-badge-title{color:#0f172a;font-size:12.5px;font-weight:700}.ai-badge-desc{color:#64748b;font-size:11px}.ai-hero-right{justify-content:center;align-items:center;min-height:440px;display:flex;position:relative}.ai-hud-plate{-webkit-backdrop-filter:blur(12px);z-index:3;cursor:default;background:#ffffffd9;border:1px solid #ffffffe6;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;transition:all .25s;display:flex;position:absolute;box-shadow:0 10px 25px -5px #0284c726,0 0 1px #0000001a}.ai-hud-plate:hover{background:#fffffff2;transform:translateY(-2px)scale(1.02);box-shadow:0 14px 30px -4px #0284c740}.hud-plate-icon{background:#f0f9ffe6;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hud-plate-title{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.2}.hud-plate-sub{color:#64748b;white-space:nowrap;font-size:10.5px}.plate-hoi{animation:4s ease-in-out infinite alternate floatHud;top:18%;left:20%}.plate-timkiem{animation:4.5s ease-in-out .5s infinite alternate floatHud;top:15%;right:6%}.plate-phantich{animation:5s ease-in-out 1s infinite alternate floatHud;top:40%;left:0%}.plate-sangtao{animation:4.2s ease-in-out 1.5s infinite alternate floatHud;top:42%;right:0%}.plate-antoan{animation:4.8s ease-in-out .8s infinite alternate floatHud;bottom:16%;right:14%}@keyframes floatHud{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.ai-hero-cursive-slogan{color:#1e3a8a;opacity:.85;pointer-events:none;flex-direction:column;font-family:Brush Script MT,Caveat,Playfair Display,cursive,sans-serif;font-size:19px;line-height:1.1;display:flex;position:absolute;bottom:6%;right:2%;transform:rotate(-6deg)}.ai-feature-ribbon-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 0;box-shadow:0 4px 15px -3px #00000008}.ai-feature-ribbon-card{background:#fff;border-radius:14px;grid-template-columns:repeat(9,1fr);gap:10px;display:grid}.ai-ribbon-item{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;transition:all .18s;display:flex}.ai-ribbon-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px)}.ai-ribbon-item.active{background:#eff6ff;border-color:#bfdbfe}.ai-ribbon-icon-box{color:#2563eb;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.ai-ribbon-item.active .ai-ribbon-icon-box{color:#fff;background:#2563eb;box-shadow:0 4px 10px #2563eb4d}.ai-ribbon-label{color:#334155;font-size:12px;font-weight:600;line-height:1.2}.ai-ribbon-item.active .ai-ribbon-label{color:#2563eb;font-weight:700}.ai-power-section{background:#f8fafc;padding:48px 0}.ai-power-grid{grid-template-columns:370px 1fr;align-items:stretch;gap:32px;display:grid}.ai-power-left{flex-direction:column;justify-content:space-between;display:flex}.ai-power-heading{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.25}.ai-power-desc{color:#64748b;margin-bottom:16px;font-size:13.5px;line-height:1.5}.ai-strengths-list{flex-direction:column;flex:1;justify-content:space-between;gap:8px;display:flex}.ai-strength-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:9px 13px;transition:all .18s;display:flex}.ai-strength-card:hover{border-color:#bfdbfe;transform:translate(2px);box-shadow:0 4px 12px -2px #2563eb14}.ai-strength-icon{background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ai-strength-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700}.ai-strength-sub{color:#64748b;font-size:12px;line-height:1.35}.ai-workspace-container{flex-direction:column;width:100%;height:100%;display:flex}.ai-workspace-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:145px 1fr;height:100%;min-height:440px;display:grid;overflow:hidden;box-shadow:0 10px 30px -4px #0f172a0f}.ws-mini-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;padding:12px 10px;display:flex}.ws-sidebar-brand{border-bottom:1px solid #e2e8f0;align-items:center;gap:7px;margin-bottom:8px;padding:2px 4px 10px;display:flex}.ws-brand-logo{object-fit:cover;border-radius:5px;width:20px;height:20px}.ws-brand-name{color:#0f172a;letter-spacing:-.01em;font-size:11.5px;font-weight:800}.ws-sidebar-nav{flex-direction:column;gap:2px;display:flex}.ws-nav-btn{color:#64748b;cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.ws-nav-btn:hover{color:#0f172a;background:#f1f5f9}.ws-nav-btn.active{color:#2563eb;background:#eff6ff;font-weight:700}.ws-new-chat-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:auto;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.ws-new-chat-btn:hover{background:#eff6ff;border-color:#2563eb}.ws-main-area{background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:12px 18px;display:flex}.ws-topbar{border-bottom:1px solid #f1f5f9;justify-content:flex-end;align-items:center;margin-bottom:6px;padding-bottom:8px;display:flex}.ws-topbar-right{align-items:center;gap:10px;display:flex}.ws-pro-badge{color:#92400e;background:#fef3c7;border-radius:9999px;padding:2px 7px;font-size:10.5px;font-weight:700}.ws-user-info{align-items:center;gap:7px;display:flex}.ws-user-avatar{object-fit:cover;border:1px solid #cbd5e1;border-radius:50%;width:26px;height:26px}.ws-user-text{flex-direction:column;line-height:1.1;display:flex}.ws-user-hello{color:#94a3b8;font-size:9.5px}.ws-user-name{color:#0f172a;font-size:11px;font-weight:700}.ws-chat-body{flex-direction:column;flex:1;justify-content:center;padding:4px 0 6px;display:flex;overflow-y:auto}.ws-welcome-block{text-align:center;padding:4px 0 8px}.ws-welcome-heading{color:#0f172a;margin-bottom:4px;font-size:19px;font-weight:800}.ws-welcome-sub{color:#64748b;margin-bottom:12px;font-size:12px}.ws-models-selector-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ws-model-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.ws-model-pill:hover{background:#f8fafc;border-color:#cbd5e1}.ws-model-pill.selected{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:700}.model-dot{border-radius:50%;width:6px;height:6px}.ws-messages-list{flex-direction:column;gap:10px;padding:6px 0;display:flex}.ws-message-row{align-items:flex-start;gap:8px;display:flex}.ws-message-row.user{justify-content:flex-end}.ws-ai-avatar{background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ws-bubble{border-radius:12px;max-width:85%;padding:10px 14px;font-size:12.5px;line-height:1.5}.ws-bubble.user{color:#fff;background:#2563eb;border-bottom-right-radius:3px}.ws-bubble.assistant{color:#1e293b;background:#f1f5f9;border-bottom-left-radius:3px}.typing-dots{gap:4px;padding:4px 2px;display:flex}.typing-dots span{background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ws-input-container{flex-direction:column;gap:6px;margin-top:auto;display:flex}.ws-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;transition:all .18s}.ws-input-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.ws-input-field{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding-bottom:6px;font-size:12.5px}.ws-input-field::placeholder{color:#94a3b8}.ws-input-actions-bar{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:5px;display:flex}.ws-tools-group{align-items:center;gap:5px;display:flex}.ws-tool-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.ws-tool-btn:hover{color:#0f172a;background:#cbd5e1}.ws-tool-chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.ws-tool-chip:hover{color:#1e293b;border-color:#cbd5e1}.ws-tool-chip.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.ws-send-group{align-items:center;gap:5px;display:flex}.ws-mic-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s;display:flex}.ws-mic-btn:hover{color:#2563eb}.ws-send-btn{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.ws-send-btn.ready{color:#fff;cursor:pointer;background:#2563eb}.ws-send-btn.ready:hover{background:#1d4ed8;transform:scale(1.05)}.ws-suggestions-row{align-items:center;gap:5px;padding-top:2px;display:flex;overflow-x:auto}.ws-sugg-label{color:#94a3b8;white-space:nowrap;font-size:10.5px}.ws-sugg-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:500;transition:all .15s;display:inline-flex}.ws-sugg-pill:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.ai-usecases-section{background:#fff;padding:56px 0}.ai-usecases-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.ai-usecase-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.ai-usecase-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 24px -6px #2563eb1f}.ai-usecase-thumb{background:#f1f5f9;width:100%;height:125px;position:relative;overflow:hidden}.ai-usecase-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ai-usecase-card:hover .ai-usecase-img{transform:scale(1.05)}.ai-usecase-overlay{background:linear-gradient(#0000 40%,#0000004d 100%);position:absolute;inset:0}.ai-usecase-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex;position:relative}.ai-usecase-target{color:#0f172a;margin-bottom:4px;font-size:13.5px;font-weight:700}.ai-usecase-caption{color:#64748b;margin-bottom:12px;font-size:11.5px;line-height:1.4}.ai-usecase-arrow{color:#2563eb;background:#f1f5f9;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;margin-top:auto;transition:all .15s;display:flex}.ai-usecase-card:hover .ai-usecase-arrow{color:#fff;background:#2563eb}.ai-stats-quote-section{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:50px 0}.ai-stats-quote-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.ai-stats-quad-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ai-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .18s;display:flex}.ai-stat-card:hover{border-color:#bfdbfe;box-shadow:0 8px 20px -4px #2563eb14}.ai-stat-icon-wrap{background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-stat-text-col{flex-direction:column;display:flex}.ai-stat-number{color:#0f172a;letter-spacing:-.02em;margin-bottom:2px;font-size:20px;font-weight:800;line-height:1.15}.ai-stat-label{color:#64748b;white-space:nowrap;font-size:11px;line-height:1.3}.ai-quote-card{background:linear-gradient(135deg,#f0fdf4 0%,#eff6ff 100%);border:1px solid #bfdbfe;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px 24px;display:flex}.ai-quote-text{color:#1e3a8a;margin-bottom:14px;font-size:14.5px;font-style:italic;font-weight:600;line-height:1.6}.ai-quote-footer{border-top:1px solid #bfdbfe99;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.ai-quote-signature{align-items:center;display:flex}.ai-quote-brand{color:#0f172a;letter-spacing:.05em;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.ai-quote-mini-logo{object-fit:cover;border-radius:4px;width:18px;height:18px}.ai-bottom-cta-section{color:#fff;background:#0b132b;padding:80px 0;position:relative;overflow:hidden}.ai-bottom-cta-bg-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ai-bottom-cta-bg-img{object-fit:cover;object-position:center;opacity:.85;width:100%;height:100%}.ai-bottom-cta-dark-overlay{background:linear-gradient(#0b132b80 0%,#0b132bd1 100%);position:absolute;inset:0}.ai-bottom-cta-container{z-index:2;position:relative}.ai-bottom-cta-grid{grid-template-columns:220px 1fr 180px;align-items:center;gap:24px;display:grid}.ai-bottom-slogan-left{color:#ffffffd9;text-shadow:0 2px 10px #0009;flex-direction:column;font-family:Brush Script MT,Caveat,cursive,sans-serif;font-size:26px;line-height:1.15;display:flex;transform:rotate(-6deg)}.ai-bottom-cta-center{text-align:center;max-width:600px;margin:0 auto}.ai-bottom-cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:10px;font-size:28px;font-weight:800;line-height:1.25}.ai-bottom-cta-desc{color:#94a3b8;margin-bottom:24px;font-size:14px;line-height:1.5}.ai-bottom-cta-actions{justify-content:center;align-items:center;gap:12px;display:flex}.btn-ai-bottom-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #2563eb66}.btn-ai-bottom-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-ai-bottom-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-ai-bottom-secondary:hover{background:#ffffff1a;border-color:#fff}.ai-bottom-watermark-right{letter-spacing:.2em;color:#fff6;text-align:right;flex-direction:column;align-items:flex-end;font-family:monospace;font-size:10px;line-height:1.6;display:flex}@media (width<=1024px){.ai-hero-grid{grid-template-columns:1fr}.ai-hero-right{min-height:320px}.ai-power-grid,.ai-stats-quote-grid{grid-template-columns:1fr}.ai-bottom-cta-grid{text-align:center;grid-template-columns:1fr}.ai-bottom-slogan-left,.ai-bottom-watermark-right{display:none}.ai-feature-ribbon-card{grid-template-columns:repeat(5,1fr)}.ai-usecases-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.ai-hero-heading{font-size:32px}.ai-feature-ribbon-card{grid-template-columns:repeat(3,1fr)}.ai-workspace-card{grid-template-columns:1fr}.ws-mini-sidebar{display:none}.ai-stats-quad-grid{grid-template-columns:repeat(2,1fr)}.ai-usecases-grid{grid-template-columns:1fr}}.topdoo-studio-page{background:#fff}.studio-hero-section{background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 45%,#ede9fe 100%);flex-direction:column;justify-content:center;min-height:560px;padding:16px 0 48px;display:flex;position:relative;overflow:hidden}.studio-hero-bg-wrap{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.studio-hero-bg-img{object-fit:cover;object-position:right center;opacity:.98;width:100%;height:100%}.studio-hero-container{z-index:2;width:100%;position:relative}.studio-hero-breadcrumbs{z-index:10;align-items:center;gap:8px;margin-bottom:22px;font-size:13px;display:inline-flex;position:relative}.studio-hero-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;font-weight:500;transition:color .15s}.studio-hero-breadcrumbs .breadcrumb-link:hover{color:#7c3aed;text-decoration:underline}.studio-hero-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.studio-hero-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.studio-hero-grid{grid-template-columns:minmax(0,560px) 1fr;align-items:center;gap:40px;display:grid}.studio-hero-left{flex-direction:column;display:flex}.studio-hero-pill{color:#7c3aed;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #c084fca6;border-radius:9999px;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #7c3aed1f}.studio-hero-heading{color:#0f172a;letter-spacing:-.03em;margin:0 0 16px;font-size:44px;font-weight:850;line-height:1.18}.studio-heading-purple{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.studio-hero-subheading{color:#475569;max-width:510px;margin:0 0 28px;font-size:15.5px;line-height:1.6}.studio-hero-cta-group{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:34px;display:flex}.btn-studio-hero-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:1px solid #c084fc99;border-radius:12px;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 18px #7c3aed59}.btn-studio-hero-primary:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed8c}.btn-studio-hero-secondary{color:#1e293b;cursor:pointer;background:#fffffff2;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 22px;font-size:14.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 10px #0000000a}.btn-studio-hero-secondary:hover{color:#7c3aed;background:#faf5ff;border-color:#d8b4fe;transform:translateY(-1px)}.btn-play-circle-purple{background:#f3e8ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.studio-hero-props-row{grid-template-columns:repeat(4,1fr);gap:12px;max-width:550px;display:grid}.studio-prop-item{align-items:center;gap:8px;display:flex}.studio-prop-icon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 8px #7c3aed40}.studio-prop-text{flex-direction:column;display:flex}.studio-prop-title{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.2}.studio-prop-desc{color:#64748b;white-space:nowrap;font-size:11px;line-height:1.2}.studio-quick-formats-section{background:#fff;border-bottom:1px solid #f1f5f9;padding:24px 0}.studio-quick-formats-grid{grid-template-columns:repeat(8,1fr);gap:14px;display:grid}.studio-quick-fmt-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 8px;transition:all .18s;display:flex;box-shadow:0 2px 6px #00000005}.studio-quick-fmt-card:hover,.studio-quick-fmt-card.active{background:#faf5ff;border-color:#c084fc;transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed1f}.studio-quick-fmt-badge{background:#f5f3ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .18s;display:flex}.studio-quick-fmt-card:hover .studio-quick-fmt-badge{background:#ede9fe;transform:scale(1.08)}.studio-quick-fmt-label{color:#334155;text-align:center;font-size:13px;font-weight:600}.studio-about-section{background:#fafafd;padding:72px 0}.studio-about-grid{grid-template-columns:460px 1fr;align-items:center;gap:48px;display:grid}.studio-showcase-video-card{border:1px solid #e9d5ff;border-radius:20px;height:380px;position:relative;overflow:hidden;box-shadow:0 16px 40px #7c3aed26}.studio-showcase-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s}.studio-showcase-video-card:hover .studio-showcase-img{transform:scale(1.02)}.studio-showcase-overlay{background:linear-gradient(#1e1b4b80 0%,#1e1b4b26 45%,#1e1b4b99 100%);flex-direction:column;justify-content:space-between;padding:26px 24px;display:flex;position:absolute;inset:0}.studio-showcase-badge-title{color:#fff;text-shadow:0 2px 10px #0009;max-width:250px;font-size:21px;font-weight:800;line-height:1.25}.studio-showcase-play-btn{cursor:pointer;z-index:5;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;transition:all .22s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000059}.studio-showcase-play-btn:hover{background:#fff;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 10px 36px #7c3aed80}.studio-showcase-play-btn .play-triangle{fill:#7c3aed;stroke:#7c3aed;transform:translate(2px)}.studio-play-pulse-ring{border:2px solid #ffffffa6;border-radius:50%;animation:2s infinite pulsePlayRing;position:absolute;inset:-8px}@keyframes pulsePlayRing{0%{opacity:.9;transform:scale(.95)}50%{opacity:.3;transform:scale(1.18)}to{opacity:.9;transform:scale(.95)}}.studio-showcase-slogan{color:#e9d5ff;text-shadow:0 2px 8px #000c;pointer-events:none;flex-direction:column;font-family:Caveat,Segoe Script,cursive,sans-serif;font-size:24px;font-weight:700;line-height:1.1;display:flex;transform:rotate(-7deg)}.studio-about-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 14px;font-size:32px;font-weight:800}.studio-about-description{color:#475569;margin:0 0 26px;font-size:15px;line-height:1.65}.studio-strengths-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.studio-strength-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .18s;display:flex;box-shadow:0 2px 8px #00000005}.studio-strength-card:hover{border-color:#ddd6fe;transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed14}.studio-strength-icon{background:#f3e8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.studio-strength-title{color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:700}.studio-strength-sub{color:#64748b;font-size:12px;line-height:1.35}.studio-features-section{background:#fff;padding:72px 0}.section-more-link.studio-link{color:#7c3aed}.section-more-link.studio-link:hover{color:#6d28d9}.studio-features-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px;display:grid}.studio-feature-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:145px;padding:18px 16px;transition:all .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000008}.studio-feature-card:hover{border-color:#c084fc;transform:translateY(-4px);box-shadow:0 12px 28px #7c3aed1f}.studio-feat-content{z-index:2;position:relative}.studio-feat-title{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.25}.studio-feat-desc{color:#64748b;margin:0;font-size:12px;line-height:1.4}.studio-feat-visual{z-index:1;justify-content:flex-end;align-items:flex-end;height:48px;margin-top:14px;display:flex;position:relative}.art-writing-pad{width:44px;height:44px;position:relative}.pad-sheet{background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:6px;flex-direction:column;gap:3px;width:32px;height:38px;padding:6px 4px;display:flex}.pad-line{background:#c4b5fd;border-radius:2px;height:2px}.pad-line-1{width:80%}.pad-line-2{width:100%}.pad-line-3{width:60%}.pad-pen{filter:drop-shadow(0 2px 6px #7c3aed4d);position:absolute;bottom:0;right:0;transform:rotate(-15deg)}.art-image-frame{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1.5px solid #93c5fd;border-radius:8px;width:44px;height:38px;position:relative;overflow:hidden;box-shadow:0 2px 8px #2563eb26}.img-landscape{position:absolute;inset:0}.img-sun{background:#f59e0b;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px;box-shadow:0 0 6px #f59e0b99}.img-mountain{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#3b82f6;width:24px;height:20px;position:absolute;bottom:-4px;left:4px}.art-video-circle{background:linear-gradient(135deg,#ec4899 0%,#d946ef 50%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #d946ef59}.video-play-disc{transform:translate(1.5px)}.art-audio-waves{align-items:center;gap:3px;height:36px;padding:0 4px;display:flex}.wave-bar{background:linear-gradient(#a855f7 0%,#7c3aed 100%);border-radius:4px;width:4px;animation:1.4s ease-in-out infinite alternate wavePulse}.wave-1{height:14px;animation-delay:.1s}.wave-2{height:26px;animation-delay:.3s}.wave-3{height:34px;animation-delay:.5s}.wave-4{height:22px;animation-delay:.2s}.wave-5{height:12px;animation-delay:.4s}@keyframes wavePulse{0%{transform:scaleY(.7)}to{transform:scaleY(1.15)}}.art-presentation-board{width:40px;height:40px;position:relative}.pres-screen{background:#eff6ff;border:1.5px solid #60a5fa;border-radius:5px;align-items:flex-end;gap:3px;width:38px;height:26px;padding:4px 6px;display:flex;box-shadow:0 2px 6px #2563eb26}.pres-chart-bar{background:#3b82f6;border-radius:2px;width:5px}.pres-chart-bar.b1{height:8px}.pres-chart-bar.b2{background:#2563eb;height:14px}.pres-chart-bar.b3{background:#1d4ed8;height:18px}.pres-stand{border-bottom:2px solid #94a3b8;width:14px;height:10px;margin:2px auto 0;position:relative}.pres-stand:before{content:"";background:#94a3b8;width:2px;height:10px;position:absolute;top:0;left:6px}.art-doc-sheet{background:#f0f9ff;border:1.5px solid #38bdf8;border-radius:6px;flex-direction:column;gap:3px;width:32px;height:40px;padding:8px 5px;display:flex;position:relative;box-shadow:0 2px 8px #0ea5e926}.sheet-corner{background:#bae6fd;border-bottom-left-radius:4px;width:8px;height:8px;position:absolute;top:-1.5px;right:-1.5px}.doc-line{background:#38bdf8;border-radius:2px;height:2px}.doc-line.d1{width:70%}.doc-line.d2{width:100%}.doc-line.d3{width:85%}.art-design-crystal{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#7c3aed 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;transform:rotate(45deg);box-shadow:0 4px 14px #a855f766}.crystal-core{transform:rotate(-45deg)}.art-template-folder{width:42px;height:36px;position:relative}.folder-back{background:#93c5fd;border-radius:6px;position:absolute;inset:0}.folder-paper{background:#fff;border:1px solid #bfdbfe;border-radius:4px;position:absolute}.folder-paper.f1{width:28px;height:22px;top:4px;left:6px;transform:rotate(-6deg)}.folder-paper.f2{width:28px;height:22px;top:6px;left:8px}.folder-front{background:#60a5fa;border-bottom-right-radius:6px;border-bottom-left-radius:6px;height:22px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 2px 6px #2563eb40}.art-robot-mascot{flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.robot-head{background:#fff;border:2px solid #38bdf8;border-radius:9px;justify-content:center;align-items:center;width:30px;height:24px;display:flex;box-shadow:0 2px 8px #38bdf84d}.robot-eyes{gap:5px;display:flex}.robot-eye{background:#0284c7;border-radius:50%;width:4px;height:4px;box-shadow:0 0 4px #0284c7}.robot-body{background:#e0f2fe;border-radius:4px;width:20px;height:8px;margin-top:2px}.art-collab-network{width:44px;height:44px;position:relative}.node-center{background:#e0f2fe;border:1.5px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #38bdf840}.node-dot{background:#0284c7;border-radius:50%;width:7px;height:7px;position:absolute}.dot-1{top:4px;left:4px}.dot-2{top:6px;right:4px}.dot-3{bottom:4px;left:50%;transform:translate(-50%)}.studio-audience-section{background:#fafafd;padding:68px 0}.studio-audience-section .section-header-center{text-align:center;max-width:600px;margin:0 auto}.studio-audience-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;display:grid}.studio-audience-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .22s;overflow:hidden;box-shadow:0 4px 16px #0000000a}.studio-audience-card:hover{border-color:#ddd6fe;transform:translateY(-4px);box-shadow:0 14px 32px #7c3aed1f}.audience-img-wrap{width:100%;height:180px;position:relative;overflow:hidden}.audience-card-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.studio-audience-card:hover .audience-card-img{transform:scale(1.05)}.audience-header-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.audience-badge-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 6px #0000001f}.audience-card-body{padding:14px 16px 18px}.audience-card-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.audience-card-desc{color:#64748b;margin:0;font-size:12px;line-height:1.4}.studio-bottom-cta-section{color:#fff;background:#0e0725;padding:75px 0 80px;position:relative;overflow:hidden}.studio-footer-bg-wrap{pointer-events:none;z-index:1;position:absolute;inset:0}.studio-footer-bg-img{object-fit:cover;object-position:center center;opacity:.95;width:100%;height:100%}.studio-footer-container{z-index:2;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.studio-footer-content{max-width:580px}.studio-footer-title{color:#fff;text-shadow:0 2px 14px #0009;margin:0 0 12px;font-size:34px;font-weight:800;line-height:1.25}.studio-footer-desc{color:#e9d5ff;opacity:.95;text-shadow:0 1px 6px #00000080;margin:0 0 28px;font-size:15.5px}.studio-footer-buttons{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-studio-footer-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);border:1px solid #d8b4fe80;border-radius:11px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 18px #7c3aed73}.btn-studio-footer-primary:hover{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 6px 24px #7c3aeda6}.btn-studio-footer-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b4ba6;border:1.5px solid #d8b4fe73;border-radius:11px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.btn-studio-footer-secondary:hover{background:#2e1065d9;border-color:#d8b4fe;transform:translateY(-1px)}.studio-footer-slogan{color:#e9d5ff;text-shadow:0 2px 10px #000000b3;pointer-events:none;flex-direction:column;align-items:flex-end;font-family:Caveat,Segoe Script,cursive,sans-serif;font-size:26px;font-weight:700;line-height:1.15;display:flex;transform:rotate(-7deg)}.studio-video-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeInModal;display:flex;position:fixed;inset:0}.studio-video-modal-card{background:#0f172a;border-radius:18px;width:min(880px,94vw);position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff1a}.studio-video-modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.studio-video-modal-close:hover{background:#ffffff40;transform:scale(1.08)}.studio-video-player-mockup{flex-direction:column;display:flex}.video-player-header{background:#1e293b;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:12px 16px;display:flex}.video-player-dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.video-player-title{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.video-player-bg{object-fit:cover;opacity:.85;width:100%;height:100%}.video-player-center-play{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.big-play-btn{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s;display:flex;box-shadow:0 10px 30px #00000080}.big-play-btn:hover{transform:scale(1.1)}.video-player-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c3aedcc;border:1px solid #d8b4fe80;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.video-player-controls-bar{color:#fff;background:linear-gradient(#0000 0%,#000000d9 100%);align-items:center;gap:16px;padding:16px 20px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-left{color:#e2e8f0;align-items:center;gap:8px;font-size:12px;display:flex}.controls-progress{cursor:pointer;background:#ffffff40;border-radius:4px;flex:1;height:4px;overflow:hidden}.progress-fill{background:#8b5cf6;border-radius:4px;height:100%}.controls-hd{background:#ffffff26;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.studio-hero-heading{font-size:clamp(28px,4.5vw,44px)}.studio-prop-desc{white-space:normal}.studio-showcase-video-card{height:clamp(240px,42vw,380px)}.studio-showcase-badge-title{font-size:clamp(16px,3vw,21px)}.studio-voicebox-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.studio-voice-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex}.studio-voice-tab-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.studio-voice-tab-btn.active{color:#fff;background-color:#7c3aed;box-shadow:0 4px 12px #7c3aed40}.studio-voice-tab-btn:not(.active){color:#475569;background-color:#fff}.studio-voice-tab-btn:not(.active):hover{color:#1e293b;background-color:#f8fafc}.studio-voice-tts-grid{grid-template-columns:minmax(300px,1fr) minmax(340px,1.4fr);align-items:start;gap:24px;display:grid}.studio-voice-profiles-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.studio-voice-editor-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000a}.studio-voice-controls-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-voice-actions-group{flex-wrap:wrap;gap:12px;display:flex}.studio-voice-clone-container{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:760px;margin:0 auto;padding:32px;box-shadow:0 2px 8px #0000000a}.studio-voice-clone-grid{grid-template-columns:1fr 140px;gap:16px;display:grid}.studio-canvas-layout{flex:1;display:flex;overflow:hidden}.studio-canvas-sidebar{background-color:#fafafa;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:16px;width:380px;padding:20px;display:flex;overflow-y:auto}.studio-canvas-preview{background-color:#f1f5f9;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.video-player-screen{background:#020617;height:clamp(220px,48vw,480px);position:relative;overflow:hidden}@media (width<=1200px){.studio-features-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.studio-hero-grid{grid-template-columns:1fr}.studio-hero-right-spacer{display:none}.studio-quick-formats-grid{grid-template-columns:repeat(4,1fr)}.studio-about-grid{grid-template-columns:1fr;gap:32px}.studio-audience-grid,.studio-features-grid{grid-template-columns:repeat(2,1fr)}.studio-voice-tts-grid{grid-template-columns:1fr}}@media (width<=880px){.studio-canvas-layout{flex-direction:column;overflow-y:auto}.studio-canvas-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;overflow-y:visible}}@media (width<=768px){.studio-hero-props-row{grid-template-columns:repeat(2,1fr)}.studio-quick-formats-grid{grid-template-columns:repeat(4,1fr);gap:10px}.studio-quick-fmt-card{padding:12px 6px}.studio-strengths-grid,.studio-audience-grid,.studio-features-grid{grid-template-columns:1fr}.studio-footer-container{flex-direction:column;align-items:flex-start;gap:24px}.studio-footer-slogan{align-items:flex-start;transform:none}.studio-voice-tab-btn{flex:1;min-width:200px}.studio-voice-editor-card{padding:18px}.studio-voice-clone-container{padding:20px 16px}}@media (width<=640px){.studio-quick-formats-grid{grid-template-columns:repeat(2,1fr)}.studio-showcase-slogan{display:none}.studio-voice-tab-btn{width:100%;min-width:100%}.studio-voice-clone-grid,.studio-voice-controls-grid{grid-template-columns:1fr}}@media (width<=480px){.studio-hero-section{padding:16px 0 32px}.studio-hero-props-row{grid-template-columns:1fr;gap:12px}.btn-studio-hero-primary,.btn-studio-hero-secondary,.btn-studio-footer-primary,.btn-studio-footer-secondary{justify-content:center;width:100%}.studio-footer-buttons{flex-direction:column;width:100%}.studio-quick-fmt-badge{width:38px;height:38px}.studio-quick-fmt-label{font-size:11.5px}.studio-voice-actions-group{flex-direction:column}.studio-voice-actions-group button{width:100%}}@media (height<=520px){.studio-canvas-layout{flex-direction:column}.studio-canvas-sidebar{max-height:180px;overflow-y:auto}}.topdoo-tools-page{background-color:#f8fafc;min-height:100vh}.tools-hero-section{flex-direction:column;min-height:600px;display:flex;position:relative;overflow:hidden}.tools-hero-bg-wrap{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.tools-hero-bg-img{object-fit:cover;object-position:center right;width:100%;height:100%}.tools-hero-container{z-index:2;width:100%;padding-top:24px;padding-bottom:50px;position:relative}.tools-hero-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:30px;font-size:13px;display:flex}.tools-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.tools-hero-left{max-width:580px}.tools-hero-pill{color:#ea580c;letter-spacing:.5px;background:#fff7ed;border:1px solid #ffedd5;border-radius:9999px;align-items:center;gap:7px;margin-bottom:18px;padding:5px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.tools-hero-heading{color:#0f172a;letter-spacing:-.6px;margin-bottom:18px;font-size:clamp(34px,3.8vw,50px);font-weight:800;line-height:1.15}.tools-heading-orange{color:#ea580c;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tools-hero-subheading{color:#475569;max-width:500px;margin-bottom:30px;font-size:15.5px;line-height:1.65}.tools-hero-cta-group{align-items:center;gap:14px;margin-bottom:36px;display:flex}.btn-tools-hero-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 26px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 10px 24px #ea580c59}.btn-tools-hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ea580c73}.btn-tools-hero-secondary{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.btn-tools-hero-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-play-circle-orange{background:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.tools-hero-stats{border-top:1px solid #e2e8f0b3;align-items:center;gap:28px;padding-top:24px;display:flex}.tools-stat-item{flex-direction:column;display:flex}.tools-stat-value{color:#0f172a;font-size:21px;font-weight:800;line-height:1.2}.tools-stat-label{color:#64748b;margin-top:2px;font-size:12px;font-weight:500}.stat-star-val{align-items:center;gap:4px;display:flex}.stat-star-icon{color:#f59e0b}.tools-hero-right{height:420px;position:relative}.tools-floating-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e293b;white-space:nowrap;pointer-events:none;background:#fffffff2;border:1px solid #ffffffd9;border-radius:9999px;padding:7px 15px;font-size:11px;font-weight:600;animation:5s ease-in-out infinite alternate floatBubble;position:absolute;box-shadow:0 10px 25px #00000014}@keyframes floatBubble{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.bubble-top-left{animation-delay:0s;top:15px;left:20px}.bubble-top-right{animation-delay:1.2s;top:12px;right:60px}.bubble-far-right{animation-delay:2.4s;top:115px;right:-10px}.bubble-bottom-left{animation-delay:.8s;bottom:85px;left:30px}.tools-hero-cursive-slogan{color:#c2410c;text-shadow:0 0 16px #f9731659;pointer-events:none;flex-direction:column;font-family:Brush Script MT,Caveat,cursive,sans-serif;font-size:26px;font-weight:700;line-height:1.1;display:flex;position:absolute;bottom:30px;right:20px;transform:rotate(-7deg)}.tools-categories-section{z-index:10;margin-top:-20px;margin-bottom:56px;position:relative}.tools-categories-ribbon{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex;overflow-x:auto;box-shadow:0 10px 30px #0f172a0a}.tools-cat-item{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;min-width:88px;padding:10px 14px;transition:all .2s;display:flex}.tools-cat-item:hover{background:#f8fafc;transform:translateY(-2px)}.tools-cat-item.cat-item-all:not(.active){background:#fff;border:1px solid #e2e8f0}.tools-cat-item.active{background:#fff7ed;border-color:#fdba74}.tools-cat-icon-badge{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.tools-cat-item:hover .tools-cat-icon-badge{transform:scale(1.06)}.tools-cat-name{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2}.tools-cat-label{color:#64748b;font-size:11px;line-height:1.2}.tools-about-section{margin-bottom:72px}.tools-about-grid{grid-template-columns:1fr 1.45fr;align-items:stretch;gap:36px;display:grid}.tools-about-left{flex-direction:column;justify-content:center;display:flex}.tools-about-heading{color:#0f172a;letter-spacing:-.4px;margin-bottom:12px;font-size:30px;font-weight:800}.tools-about-description{color:#475569;margin-bottom:24px;font-size:14.5px;line-height:1.65}.tools-about-features-list{flex-direction:column;gap:12px;display:flex}.tools-about-feature-row{background:#fff;border:1px solid #f1f5f9;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.tools-about-feature-row:hover{border-color:#e2e8f0;transform:translate(3px);box-shadow:0 4px 14px #0000000a}.tools-about-feat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.tools-about-feat-title{color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:700}.tools-about-feat-desc{color:#64748b;font-size:12px}.tools-about-right{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.tools-about-card-hero{border-radius:20px;flex:1;width:100%;min-height:330px;position:relative;overflow:hidden}.tools-about-card-bg{object-fit:cover;object-position:center;width:100%;height:100%}.tools-about-card-overlay{z-index:2;flex-direction:column;justify-content:center;max-width:320px;padding:36px 32px;display:flex;position:absolute;inset:0}.tools-about-card-title{color:#fff;margin-bottom:12px;font-size:25px;font-weight:800;line-height:1.25}.tools-about-card-desc{color:#ffffffd9;margin-bottom:22px;font-size:13.5px;line-height:1.5}.btn-tools-about-explore{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #ea580c66}.btn-tools-about-explore:hover{transform:translateY(-2px);box-shadow:0 12px 26px #ea580c80}.tools-about-tag{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;padding:3px 11px;font-size:10.5px;font-weight:600;position:absolute}.tools-about-tag.tag-top{top:18px;right:50px}.tools-about-tag.tag-mid{top:120px;right:24px}.tools-about-tag.tag-bot{bottom:22px;left:240px}.tools-about-cursive{z-index:3;color:#fdba74;text-align:right;pointer-events:none;font-family:Brush Script MT,Caveat,cursive,sans-serif;font-size:21px;font-weight:700;line-height:1.1;position:absolute;bottom:16px;right:28px}.tools-about-mini-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.tools-mini-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:10px;width:100%;min-width:0;padding:12px 10px 14px 12px;transition:all .2s;display:flex;position:relative}.tools-mini-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0000000d}.tools-mini-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bg-orange-soft{background:#fff7ed}.bg-amber-soft{background:#fef3c7}.tools-mini-card-body{flex:1;min-width:0;padding-right:14px}.tools-mini-card-title{color:#0f172a;margin-bottom:3px;font-size:13px;font-weight:700;line-height:1.25}.tools-mini-card-desc{color:#64748b;white-space:normal;word-break:break-word;font-size:11px;line-height:1.35}.tools-mini-card-arrow{color:#2563eb;flex-shrink:0;transition:transform .2s;position:absolute;bottom:12px;right:10px}.tools-mini-card:hover .tools-mini-card-arrow{transform:translate(3px)}.tools-featured-section{margin-bottom:72px}.tools-featured-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.tools-featured-title{color:#0f172a;letter-spacing:-.4px;margin-bottom:4px;font-size:27px;font-weight:800}.tools-featured-subtitle{color:#64748b;font-size:14px}.tools-view-all-link{color:#2563eb;cursor:pointer;align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.tools-view-all-link:hover{color:#1d4ed8;transform:translate(2px)}.tools-products-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.tool-product-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:18px 16px;transition:all .2s;display:flex}.tool-product-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px #0000000f}.tool-card-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.tool-logo-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #0000000d}.tool-logo-box.bg-emerald{background:#10a37f}.tool-logo-box.bg-canva{background:linear-gradient(135deg,#00c4cc 0%,#7d2ae8 100%)}.tool-logo-box.bg-dark{background:#000}.tool-logo-box.bg-sailboat{background:#f1f5f9;border:1px solid #e2e8f0}.tool-logo-box.bg-black{background:#0f172a}.tool-card-name{color:#0f172a;font-size:15px;font-weight:700;line-height:1.25}.tool-card-sub{color:#64748b;margin-top:2px;font-size:11.5px;line-height:1.25}.tool-card-badge-row{margin-bottom:16px}.tool-category-pill{border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.tool-category-pill.pill-writing{color:#475569;background:#f1f5f9}.tool-category-pill.pill-design{color:#7c3aed;background:#f5f3ff}.tool-category-pill.pill-productivity{color:#4f46e5;background:#eef2ff}.tool-category-pill.pill-image{color:#2563eb;background:#eff6ff}.tool-category-pill.pill-video{color:#9333ea;background:#f5f3ff}.tool-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.tool-card-rating{align-items:center;gap:4px;font-size:12.5px;display:flex}.tool-star{color:#f59e0b}.tool-score{color:#0f172a;font-weight:700}.tool-reviews{color:#94a3b8;font-size:11.5px}.tool-price-tag{font-size:12px;font-weight:600}.tool-price-tag.price-free{color:#2563eb}.tool-price-tag.price-freemium{color:#64748b}.tool-price-tag.price-paid{color:#0f172a}.tools-footer-cta-section{margin-bottom:64px}.tools-footer-cta-banner{border-radius:24px;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.tools-footer-cta-bg{object-fit:cover;object-position:center right;width:100%;height:100%;position:absolute;inset:0}.tools-footer-cta-content{z-index:2;max-width:520px;padding:48px 44px;position:relative}.tools-footer-cta-heading{color:#fff;letter-spacing:-.4px;margin-bottom:12px;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.25}.tools-footer-cta-subheading{color:#ffffffd9;margin-bottom:28px;font-size:15px;line-height:1.5}.tools-footer-cta-actions{align-items:center;gap:14px;display:flex}.btn-tools-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 26px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #ea580c66}.btn-tools-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ea580c80}.btn-tools-cta-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff40;border-radius:12px;align-items:center;padding:13px 26px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-tools-cta-secondary:hover{background:#ffffff29;border-color:#fff6;transform:translateY(-2px)}@media (width<=1100px){.tools-products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.tools-hero-grid{grid-template-columns:1fr}.tools-hero-right{height:320px}.tools-about-grid{grid-template-columns:1fr}}@media (width<=768px){.tools-hero-heading{font-size:32px}.tools-hero-stats{flex-wrap:wrap;gap:16px}.tools-about-mini-cards,.tools-products-grid{grid-template-columns:1fr}.tools-footer-cta-content{padding:36px 24px}.tools-footer-cta-actions{flex-direction:column;align-items:stretch}}.topdoo-explore-tools-page{background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.explore-hero-section{background-color:#f0f6ff;padding-bottom:60px;position:relative;overflow:hidden}.explore-hero-bg-wrap{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.explore-hero-bg-img{object-fit:cover;object-position:center;width:100%;height:100%}.explore-hero-container{z-index:2;padding-top:18px;position:relative}.explore-hero-breadcrumbs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#64748b;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;display:inline-flex}.breadcrumb-link{color:#475569;cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:#ea580c}.breadcrumb-arrow{color:#94a3b8}.breadcrumb-current{color:#0f172a;font-weight:600}.explore-hero-grid{grid-template-columns:55% 45%;align-items:center;gap:20px;min-height:440px;display:grid}.explore-hero-left{max-width:620px}.explore-hero-pill{color:#ea580c;letter-spacing:.5px;background:#ffedd5d9;border:1px solid #fdba7480;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.explore-hero-heading{color:#0f172a;letter-spacing:-.6px;margin-bottom:18px;font-size:46px;font-weight:850;line-height:1.15}.explore-heading-orange{color:#ea580c;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.explore-hero-subheading{color:#475569;max-width:540px;margin-bottom:28px;font-size:15.5px;line-height:1.6}.explore-hero-search-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;align-items:center;max-width:580px;margin-bottom:20px;padding:6px 8px 6px 18px;transition:all .2s;display:flex;box-shadow:0 10px 30px #0f172a14}.explore-hero-search-box:focus-within{border-color:#f97316;box-shadow:0 12px 34px #f973162e}.explore-search-input-wrap{flex:1;align-items:center;gap:10px;display:flex}.explore-search-input-icon{color:#94a3b8;flex-shrink:0}.explore-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:14px}.explore-search-input::placeholder{color:#94a3b8}.btn-clear-hero-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.btn-clear-hero-search:hover{color:#0f172a}.btn-explore-search-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #ea580c59}.btn-explore-search-submit:hover{transform:scale(1.04);box-shadow:0 6px 18px #ea580c80}.explore-popular-chips-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chips-label{color:#64748b;font-size:12.5px;font-weight:500}.chips-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.explore-chip-btn{color:#475569;cursor:pointer;background:#ffffffd9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:12px;transition:all .2s}.explore-chip-btn:hover{color:#ea580c;background:#fff7ed;border-color:#fdba74}.explore-hero-right{height:420px;position:relative}.explore-float-badge{z-index:3;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;box-shadow:0 8px 24px #00000014}.badge-blue-tools{color:#fff;background:#2563eb;top:24px;left:20px}.card-features-check{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0e6;border-radius:16px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;top:32px;right:18px;box-shadow:0 10px 28px #0f172a14}.feature-check-item{color:#1e293b;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.check-icon-cyan{color:#0284c7}.bubble-right-target{z-index:3;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:600;position:absolute;top:140px;right:10px;box-shadow:0 8px 24px #0f172a0f}.explore-cursive-slogan{z-index:3;color:#2563eb;text-align:right;pointer-events:none;font-family:Brush Script MT,Caveat,cursive,sans-serif;font-size:26px;font-weight:700;line-height:1.1;position:absolute;bottom:30px;right:16px}.explore-cursive-slogan span{display:block}.explore-categories-section{z-index:10;margin-top:-24px;margin-bottom:24px;position:relative}.explore-categories-ribbon{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex;overflow-x:auto;box-shadow:0 10px 30px #0f172a0a}.explore-cat-item{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;min-width:82px;padding:10px 14px;transition:all .2s;display:flex}.explore-cat-item:hover{background:#f8fafc;transform:translateY(-2px)}.explore-cat-item.active{background:#fff7ed;border-color:#fdba74}.explore-cat-item.item-primary.active{background:#2563eb;border-color:#2563eb}.explore-cat-item.item-primary.active .explore-cat-name{color:#fff}.explore-cat-item.item-primary.active .explore-cat-label{color:#ffffffd9}.explore-cat-icon-badge{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.explore-cat-item:hover .explore-cat-icon-badge{transform:scale(1.06)}.explore-cat-name{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2}.explore-cat-label{color:#64748b;font-size:11px;line-height:1.2}.explore-quick-cards-section{margin-bottom:36px}.explore-quick-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.explore-quick-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.explore-quick-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.quick-card-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.quick-card-text{flex:1;min-width:0;padding-right:12px}.quick-card-title{color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:700}.quick-card-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.35;overflow:hidden}.quick-card-arrow{color:#2563eb;transition:transform .2s;position:absolute;right:10px}.explore-quick-card:hover .quick-card-arrow{transform:translate(3px)}.explore-catalog-section{margin-bottom:72px}.explore-catalog-grid{grid-template-columns:260px 1fr;align-items:flex-start;gap:28px;display:grid}.explore-sidebar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;position:sticky;top:90px}.sidebar-filter-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sidebar-filter-title{color:#0f172a;font-size:18px;font-weight:800}.btn-reset-filters{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.btn-reset-filters:hover{text-decoration:underline}.sidebar-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;display:flex}.sidebar-search-icon{color:#94a3b8;flex-shrink:0}.sidebar-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.sidebar-search-input::placeholder{color:#94a3b8}.btn-sidebar-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.sidebar-filter-group{border-top:1px solid #f1f5f9;padding:16px 0}.filter-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filter-group-title{color:#0f172a;font-size:14px;font-weight:700}.filter-group-body{flex-direction:column;gap:8px;display:flex}.filter-checkbox-label,.filter-radio-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.filter-checkbox,.filter-radio{display:none}.filter-checkbox-custom{border:1.5px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.filter-checkbox:checked+.filter-checkbox-custom{background:#2563eb;border-color:#2563eb}.filter-checkbox:checked+.filter-checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.filter-radio-custom{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.filter-radio:checked+.filter-radio-custom{border-color:#2563eb}.filter-radio:checked+.filter-radio-custom:after{content:"";background:#2563eb;border-radius:50%;width:8px;height:8px}.filter-stars-icon{color:#eab308;letter-spacing:-1px;font-size:13px}.filter-item-name{color:#334155;flex:1;font-size:13px}.filter-item-count{color:#94a3b8;font-size:12px}.btn-apply-filters{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;width:100%;margin-top:14px;padding:11px 16px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #2563eb4d}.btn-apply-filters:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.explore-main-content{min-width:0}.explore-content-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.explore-results-title{color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:800}.explore-results-subtitle{color:#64748b;font-size:13.5px}.explore-sort-wrap{align-items:center;gap:10px;display:flex}.sort-label{color:#64748b;font-size:13px}.sort-select-box{align-items:center;display:inline-flex;position:relative}.sort-native-select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:7px 32px 7px 12px;font-size:13px;font-weight:600}.sort-select-arrow{pointer-events:none;color:#64748b;position:absolute;right:10px}.explore-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:36px;display:grid}.explore-tool-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;padding:16px;transition:all .2s;display:flex;position:relative}.explore-tool-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px #0f172a0f}.tool-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.head-left-logo{align-items:center;display:flex}.explore-tool-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bg-emerald-icon{background:#10b981}.bg-canva-gradient{background:linear-gradient(135deg,#00c4cc 0%,#7d2ae8 100%)}.bg-notion-dark{background:#000}.bg-claude-coral{background:#fff7ed;border:1px solid #ffedd5}.bg-white-border{background:#fff;border:1.5px solid #e2e8f0}.bg-capcut-dark{background:#000}.bg-luma-dark{background:#0f172a}.bg-runway-dark{background:#000}.bg-grammarly-green{background:#15c39a}.bg-perplexity-teal{background:#1e293b}.bg-figma-dark{background:#000}.bg-eleven-dark{background:#fff;border:1.5px solid #e2e8f0}.head-right-actions{align-items:center;gap:6px;display:flex}.badge-hot-tag{color:#fff;background:#ea580c;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.btn-tool-heart{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-tool-heart:hover{background:#f1f5f9}.tool-card-identity{margin-bottom:10px}.tool-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-card-tags-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.tool-tag-chip{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:500}.tool-card-metrics-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:12px;padding-bottom:12px;display:flex}.metric-rating-wrap{align-items:center;gap:4px;font-size:12px;display:flex}.star-icon{color:#eab308}.rating-score{color:#0f172a;font-weight:700}.review-count{color:#64748b}.metric-users-wrap{color:#64748b;font-size:11px}.btn-tool-card-visit{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-tool-card-visit:hover{background:#eff6ff;border-color:#bfdbfe}.explore-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:36px;padding:60px 24px;display:flex}.empty-state-title{color:#0f172a;font-size:18px;font-weight:700}.empty-state-desc{color:#64748b;max-width:420px;font-size:13.5px}.btn-empty-reset{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:8px;padding:8px 18px;font-size:13px;font-weight:600}.explore-pagination-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.pagination-pages-wrap{align-items:center;gap:6px;display:flex}.pagination-number-btn,.pagination-btn-arrow{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pagination-number-btn:hover,.pagination-btn-arrow:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-number-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.pagination-btn-arrow:disabled{opacity:.4;cursor:not-allowed}.pagination-dots{color:#94a3b8;padding:0 4px}.pagination-size-select{appearance:none;color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:12.5px}.explore-footer-cta-section{margin-bottom:72px}.explore-footer-cta-banner{border-radius:24px;align-items:center;min-height:280px;padding:48px 56px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.explore-footer-cta-bg{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.explore-footer-cta-content{z-index:2;max-width:600px;position:relative}.explore-footer-cta-heading{color:#fff;margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.25}.explore-footer-cta-subheading{color:#ffffffd9;margin-bottom:28px;font-size:14.5px}.explore-footer-cta-actions{align-items:center;gap:14px;display:flex}.btn-explore-footer-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #2563eb66}.btn-explore-footer-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 26px #2563eb80}.btn-explore-footer-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;align-items:center;padding:13px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-explore-footer-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.explore-footer-cursive-slogan{z-index:2;color:#93c5fd;text-align:right;pointer-events:none;font-family:Brush Script MT,Caveat,cursive,sans-serif;font-size:26px;font-weight:700;line-height:1.15;position:absolute;top:40px;right:50px}.explore-footer-cursive-slogan span{display:block}@media (width<=1200px){.explore-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.explore-hero-grid{grid-template-columns:1fr}.explore-hero-right{height:300px}.explore-quick-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-catalog-grid{grid-template-columns:1fr}.explore-sidebar-panel{position:static}.explore-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.explore-hero-heading{font-size:32px}.explore-quick-cards-grid,.explore-tools-grid{grid-template-columns:1fr}.explore-footer-cta-banner{padding:36px 24px}.explore-footer-cta-actions{flex-direction:column;align-items:stretch}.explore-footer-cursive-slogan{display:none}}.topdoo-explore-portal-page{color:#0f172a;background:#f8fafc;min-height:100vh;font-family:inherit}.explore-portal-breadcrumb-bar{padding:18px 0 10px}.explore-portal-breadcrumbs{align-items:center;gap:8px;font-size:13.5px;display:flex}.explore-portal-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;transition:color .2s}.explore-portal-breadcrumbs .breadcrumb-link:hover{color:#2563eb}.explore-portal-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.explore-portal-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.explore-portal-hero-section{width:100%;margin-bottom:32px;position:relative}.explore-portal-hero-section.full-width-hero{background-color:#eff6ff;align-items:center;width:100%;min-height:520px;padding:24px 0 44px;display:flex;position:relative;overflow:hidden}.explore-portal-hero-section.full-width-hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#eff6fffa 0%,#eff6ffd9 65%,#eff6ff00 100%);width:55%;position:absolute;top:0;bottom:0;left:0}.explore-portal-hero-section.full-width-hero .explore-portal-hero-bg-img,.explore-portal-hero-bg-img{object-fit:cover;object-position:right center;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.explore-portal-hero-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.explore-portal-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.explore-portal-hero-left{z-index:2;max-width:580px;position:relative}.explore-portal-badge{background:#fff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px 5px 6px;display:inline-flex;box-shadow:0 2px 8px #2563eb14}.portal-badge-icon-wrap{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.explore-portal-badge span{color:#2563eb;letter-spacing:.8px;font-size:11.5px;font-weight:800}.explore-portal-title{color:#0f172a;letter-spacing:-.025em;margin-bottom:16px;font-size:44px;font-weight:800;line-height:1.16}.explore-portal-title-brand{color:#2563eb;position:relative}.explore-portal-desc{color:#475569;max-width:500px;margin-bottom:26px;font-size:15px;line-height:1.6}.explore-portal-search-box{background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;max-width:540px;margin-bottom:16px;padding:5px 6px 5px 16px;transition:all .2s;display:flex;box-shadow:0 6px 24px #0000000f}.explore-portal-search-box:focus-within{border-color:#2563eb;box-shadow:0 6px 24px #2563eb1f}.portal-search-icon{color:#64748b;flex-shrink:0;margin-right:10px}.portal-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.portal-search-input::placeholder{color:#94a3b8;font-size:13.5px}.btn-clear-portal-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;margin-right:6px;padding:4px;display:flex}.btn-portal-search-submit{color:#fff;cursor:pointer;white-space:nowrap;background:#06f;border:none;border-radius:8px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .2s}.btn-portal-search-submit:hover{background:#0052cc;box-shadow:0 4px 12px #0066ff40}.explore-portal-chips-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.portal-chips-label{color:#64748b;font-size:12px;font-weight:500}.portal-chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.portal-chip-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s}.portal-chip-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.explore-portal-hero-right{pointer-events:none;z-index:2;width:50%;height:100%;position:absolute;top:0;right:0}.portal-float-badge{color:#0f172a;pointer-events:auto;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:transform .2s;display:flex;position:absolute;box-shadow:0 8px 24px #00000014}.portal-float-badge:hover{transform:translateY(-2px)}.portal-float-icon-wrap{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.badge-new-tools{animation:4s ease-in-out infinite floatSlow;top:90px;right:360px}.badge-efficiency{animation:4.5s ease-in-out .5s infinite floatSlow;top:75px;right:50px}.badge-future{animation:5s ease-in-out 1s infinite floatSlow;bottom:120px;right:40px}.portal-cursive-slogan{color:#2563eb;text-shadow:0 1px 2px #fffc;pointer-events:none;flex-direction:column;font-family:Caveat,Dancing Script,cursive,sans-serif;font-size:18px;line-height:1.25;display:flex;position:absolute;top:170px;right:380px;transform:rotate(-8deg)}.explore-portal-categories-section{margin-bottom:24px}.explore-portal-categories-bar{scrollbar-width:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #00000005}.explore-portal-categories-bar::-webkit-scrollbar{display:none}.portal-cat-pill{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:68px;padding:6px 10px;transition:all .2s;display:flex}.portal-cat-pill:hover{background:#f8fafc}.portal-cat-icon{color:#2563eb;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.portal-cat-icon.primary,.portal-cat-pill.active .portal-cat-icon{color:#fff!important;background:#2563eb!important}.portal-cat-name{color:#334155;white-space:nowrap;font-size:12px;font-weight:500;transition:color .2s}.portal-cat-pill.active .portal-cat-name{color:#2563eb;font-weight:700}.nav-link-btn.active-explore-pill,.nav-link-btn.active-price-pill,.nav-link-btn.active-business-pill{align-items:center;gap:4px;display:inline-flex;color:#2563eb!important;background:#ebf3fe!important;border-radius:9999px!important;padding:6px 14px!important;font-weight:600!important}.nav-link-btn.active-explore-pill svg,.nav-link-btn.active-price-pill svg,.nav-link-btn.active-business-pill svg{color:#2563eb!important}.nav-link-btn.active-explore-pill:after,.nav-link-btn.active-price-pill:after,.nav-link-btn.active-business-pill:after{display:none!important}.nav-link-btn.active-price-tab{color:#2563eb!important;font-weight:600!important}.explore-portal-quick-cards-section{margin-bottom:36px}.explore-portal-quick-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.portal-quick-card{cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.portal-quick-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.portal-quick-card.tint-purple{background:#f5f3ff;border:1px solid #ede9fe}.portal-quick-card.tint-blue{background:#eff6ff;border:1px solid #dbeafe}.portal-quick-card.tint-green{background:#ecfdf5;border:1px solid #d1fae5}.portal-quick-card.tint-orange{background:#fff7ed;border:1px solid #ffedd5}.portal-quick-icon-wrap{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.portal-quick-icon-wrap.icon-purple{background:#7c3aed}.portal-quick-icon-wrap.icon-blue{background:#2563eb}.portal-quick-icon-wrap.icon-green{background:#10b981}.portal-quick-icon-wrap.icon-orange{background:#ea580c}.portal-quick-card-text{flex:1;min-width:0;padding-right:12px}.portal-quick-card-title{margin-bottom:2px;font-size:13px;font-weight:700}.portal-quick-card-title.text-purple{color:#1e1b4b}.portal-quick-card-title.text-blue{color:#1e3a8a}.portal-quick-card-title.text-green{color:#064e3b}.portal-quick-card-title.text-orange{color:#7c2d12}.portal-quick-card-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.35;overflow:hidden}.portal-quick-card-arrow{transition:transform .2s;position:absolute;right:10px}.portal-quick-card:hover .portal-quick-card-arrow{transform:translate(3px)}.portal-quick-card-arrow.arrow-purple{color:#7c3aed}.portal-quick-card-arrow.arrow-blue{color:#2563eb}.portal-quick-card-arrow.arrow-green{color:#10b981}.portal-quick-card-arrow.arrow-orange{color:#ea580c}.explore-portal-featured-section{margin-bottom:36px}.explore-portal-featured-header{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.featured-section-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-weight:800}.featured-section-subtitle{color:#64748b;font-size:13.5px}.featured-header-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.featured-header-link:hover{color:#1d4ed8;transform:translate(3px)}.explore-portal-tools-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.explore-portal-tool-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:16px;transition:all .2s;display:flex;position:relative}.explore-portal-tool-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.tool-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-tool-save-heart{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-tool-save-heart:hover{background:#fee2e2}.tool-card-name{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700}.tool-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;margin-bottom:10px;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-card-tags{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.tool-tag-pill{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:500}.tool-card-stats-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:10px;font-size:11px;display:flex}.tool-stat-rating{color:#0f172a;align-items:center;gap:3px;font-weight:600;display:flex}.rating-reviews{color:#94a3b8;font-weight:400}.tool-stat-users{color:#64748b;align-items:center;gap:3px;display:flex}.btn-tool-access{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-tool-access:hover{background:#eff6ff;border-color:#bfdbfe}.explore-portal-bottom-section{margin-bottom:64px}.explore-portal-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.portal-bottom-card{border-radius:20px;flex-direction:column;align-items:flex-start;padding:30px 26px;transition:all .2s;display:flex}.portal-bottom-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000000d}.bottom-card-blue{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.bottom-card-amber{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a}.bottom-card-purple{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #e9d5ff}.bottom-card-icon-wrap{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex;box-shadow:0 2px 8px #0000000a}.bottom-card-blue .bottom-card-icon-wrap{background:#eef2ff}.bottom-card-amber .bottom-card-icon-wrap{background:#fef3c7}.bottom-card-purple .bottom-card-icon-wrap{background:#f3e8ff}.bottom-card-title{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:700}.bottom-card-amber .bottom-card-title{color:#9a3412}.bottom-card-purple .bottom-card-title{color:#6b21a8}.bottom-card-desc{color:#475569;flex:1;margin-bottom:22px;font-size:13.5px;line-height:1.55}.btn-bottom-action{cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.btn-bottom-blue{color:#2563eb;border:1px solid #93c5fd}.btn-bottom-blue:hover{background:#eff6ff;border-color:#2563eb}.btn-bottom-amber{color:#ea580c;border:1px solid #fdba74}.btn-bottom-amber:hover{background:#fff7ed;border-color:#ea580c}.btn-bottom-purple{color:#7c3aed;border:1px solid #d8b4fe}.btn-bottom-purple:hover{background:#faf5ff;border-color:#7c3aed}@media (width<=1200px){.explore-portal-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.explore-portal-hero-card{padding:40px 32px}.explore-portal-hero-right{display:none}.explore-portal-quick-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-portal-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.explore-portal-title{font-size:32px}.explore-portal-quick-cards-grid,.explore-portal-tools-grid{grid-template-columns:1fr}}.topdoo-pricing-page{color:#0f172a;background-color:#f8fafc;min-height:100vh}.pricing-hero-section{width:100%;position:relative}.pricing-hero-section.full-width-hero{background-color:#ebf5fd;align-items:center;width:100%;min-height:480px;padding:24px 0 44px;display:flex;position:relative;overflow:hidden}.pricing-hero-section.full-width-hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#ebf5fdfa 0%,#ebf5fdd9 65%,#ebf5fd00 100%);width:55%;position:absolute;top:0;bottom:0;left:0}.pricing-hero-section.full-width-hero .pricing-hero-bg-img,.pricing-hero-bg-img{object-fit:cover;object-position:right center;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.pricing-hero-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.pricing-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.pricing-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;transition:color .15s}.pricing-breadcrumbs .breadcrumb-link:hover{color:#2563eb}.pricing-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.pricing-breadcrumbs .breadcrumb-current{color:#1e293b;font-weight:600}.pricing-hero-left{z-index:2;flex-direction:column;align-items:flex-start;max-width:660px;padding:38px 44px;display:flex;position:relative}.pricing-badge-label{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.pricing-hero-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 10px;font-size:38px;font-weight:800;line-height:1.2}.pricing-title-blue{color:#2563eb}.pricing-hero-desc{color:#475569;margin:0 0 20px;font-size:14px;line-height:1.5}.pricing-trust-pills-row{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:24px;display:flex}.pricing-trust-item{color:#1e293b;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.trust-check-icon{color:#2563eb;fill:#2563eb;stroke:#fff;flex-shrink:0}.pricing-toggle-wrap{justify-content:flex-start;align-items:center;margin-top:4px;display:flex}.pricing-toggle-box{background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 2px 10px #0000000d}.btn-toggle-cycle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-toggle-cycle.active{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb47}.pricing-save-tag{color:#15803d;background:#dcfce7;border-radius:9999px;margin-right:4px;padding:4px 10px;font-size:11px;font-weight:700}.pricing-cards-section{padding:12px 0 32px}.pricing-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.pricing-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;padding:24px 18px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #00000005}.pricing-plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.pricing-plan-card.card-featured-pro{border:2px solid #2563eb!important;box-shadow:0 8px 28px #2563eb1f!important}.badge-popular-top{color:#fff;white-space:nowrap;background:#2563eb;border-radius:9999px;padding:3px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #2563eb4d}.plan-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;display:flex}.icon-free{background:#eff6ff}.icon-plus{background:#faf5ff}.icon-pro{background:#eff6ff}.icon-business{background:#ecfdf5}.icon-api{background:#fff7ed}.plan-name{text-align:center;color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.plan-subtitle{text-align:center;color:#64748b;min-height:18px;margin:0 0 16px;font-size:12px}.plan-price-row{justify-content:center;align-items:baseline;gap:2px;margin-bottom:18px;display:flex}.price-amount{color:#0f172a;letter-spacing:-.01em;font-size:22px;font-weight:800}.price-amount.text-blue-featured{color:#2563eb;font-size:24px}.price-period{color:#64748b;font-size:12px;font-weight:500}.price-api-text{font-size:18px;font-weight:700}.btn-plan-action{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;width:100%;margin-bottom:20px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s}.btn-plan-outline,.btn-plan-outline-dark,.btn-plan-outline-blue{color:#2563eb;background:#fff;border-color:#93c5fd}.btn-plan-outline:hover,.btn-plan-outline-dark:hover,.btn-plan-outline-blue:hover{background:#eff6ff;border-color:#2563eb}.btn-plan-primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb38}.btn-plan-primary:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 6px 16px #2563eb52}.plan-features-list{flex-direction:column;flex-grow:1;gap:9px;margin-bottom:18px;display:flex}.plan-feature-item{align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.plan-feature-item.positive{color:#334155}.plan-feature-item.positive .feature-check{color:#10b981;flex-shrink:0;margin-top:2px}.plan-feature-item.negative{color:#94a3b8}.plan-feature-item.negative .feature-x{color:#94a3b8;flex-shrink:0;margin-top:2px}.plan-card-footer{text-align:center;color:#64748b;border-top:1px solid #f1f5f9;padding-top:12px;font-size:11px}.pricing-stats-section{padding:0 0 28px}.pricing-stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:18px 24px;display:grid;box-shadow:0 2px 6px #00000005}.pricing-stat-item{align-items:center;gap:12px;display:flex}.bg-blue-soft{background:#eff6ff}.bg-sky-soft{background:#f0f9ff}.bg-cyan-soft{background:#ecfeff}.bg-indigo-soft{background:#eef2ff}.bg-emerald-soft{background:#ecfdf5}.stat-label{color:#64748b;margin-top:2px;font-size:11px}.pricing-bottom-section{padding:0 0 60px}.pricing-bottom-grid{grid-template-columns:280px 1fr 320px;align-items:stretch;gap:20px;display:grid}.pricing-bottom-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;padding:24px;display:flex;box-shadow:0 2px 6px #00000005}.commitment-icon-wrap{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.commitment-title{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:700}.commitment-desc{color:#64748b;margin:0 0 18px;font-size:12px;line-height:1.4}.commitment-list{flex-direction:column;gap:11px;display:flex}.commitment-item{color:#1e293b;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.commitment-check-icon{color:#10b981;flex-shrink:0}.faq-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.faq-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.faq-link-all{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.faq-link-all:hover{text-decoration:underline}.faq-accordion-list{flex-direction:column;gap:8px;display:flex}.faq-accordion-item{border-bottom:1px solid #f1f5f9;padding-bottom:8px}.faq-question-row{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.faq-question-text{color:#1e293b;font-size:13px;font-weight:500}.faq-chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.faq-chevron.rotate{color:#2563eb;transform:rotate(180deg)}.faq-answer-row{color:#64748b;padding:6px 0 2px;font-size:12px;line-height:1.5}.card-consultation{text-align:center;justify-content:center;background:linear-gradient(135deg,#ebf3fe 0%,#dbeafe 100%)!important;border:1px solid #bfdbfe!important}.consultation-title{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.consultation-desc{color:#334155;margin:0 0 20px;font-size:13px;line-height:1.5}.consultation-actions{flex-direction:column;gap:10px;width:100%;display:flex}.btn-consult-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2563eb40}.btn-consult-primary:hover{background:#1d4ed8}.btn-consult-chat{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-consult-chat:hover{background:#f8fafc;border-color:#94a3b8}@media (width<=1200px){.pricing-cards-grid,.pricing-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-bottom-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.pricing-hero-card{min-height:auto;padding:24px}.pricing-hero-bg-img{opacity:.18}.pricing-hero-left{max-width:100%;padding:0}.pricing-cards-grid,.pricing-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.pricing-hero-title{font-size:28px}.pricing-cards-grid,.pricing-stats-bar{grid-template-columns:1fr}}.topdoo-business-page{color:#0f172a;background-color:#f8fafc;min-height:100vh;font-family:inherit;overflow-x:hidden}.business-hero-section.full-width-hero{background-color:#f0f6fe;align-items:center;width:100%;min-height:520px;padding:24px 0 54px;display:flex;position:relative;overflow:hidden}.business-hero-section.full-width-hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#f0f6fefa 0%,#f0f6fed9 60%,#f0f6fe00 100%);width:54%;position:absolute;top:0;bottom:0;left:0}.business-hero-bg-img{object-fit:cover;object-position:right center;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.business-hero-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.business-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.business-breadcrumb .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;transition:color .15s}.business-breadcrumb .breadcrumb-link:hover{color:#2563eb}.business-breadcrumb .breadcrumb-arrow{color:#94a3b8}.business-breadcrumb .breadcrumb-current{color:#1e293b;font-weight:600}.business-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.business-hero-left{max-width:680px}.business-badge-pill{color:#2563eb;letter-spacing:.04em;background:#ebf3fe;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px 5px 8px;font-size:12px;font-weight:700;display:inline-flex}.business-badge-icon-box{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:0 1px 3px #2563eb1f}.business-hero-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.18}.business-title-blue{color:#2563eb}.business-hero-desc{color:#475569;max-width:540px;margin:0 0 28px;font-size:15px;line-height:1.6}.business-cta-group{align-items:center;gap:14px;margin-bottom:32px;display:flex}.btn-business-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb59}.btn-business-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.btn-business-outline{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #2563eb;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-business-outline:hover{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8}.business-trust-row{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.business-trust-item{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.business-check-icon{color:#2563eb;flex-shrink:0}.business-hero-right{height:100%;position:relative}.business-solutions-section{padding:48px 0 36px}.business-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.business-header-left{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.business-section-title{color:#0f172a;letter-spacing:-.015em;margin:0 0 6px;font-size:22px;font-weight:800}.business-section-subtitle{color:#64748b;margin:0;font-size:14px}.business-header-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.business-header-link:hover{color:#1d4ed8;gap:8px}.business-solutions-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.business-solution-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px 22px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 10px #00000005}.business-solution-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 28px #2563eb1a}.solution-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;transition:transform .2s;display:flex}.business-solution-card:hover .solution-icon-wrap{transform:scale(1.05)}.solution-card-title{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:700}.solution-card-desc{color:#64748b;flex:1;margin:0 0 20px;font-size:13.5px;line-height:1.5}.solution-card-arrow-box{background:#f1f5f9;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.business-solution-card:hover .solution-card-arrow-box{background:#2563eb}.business-solution-card:hover .solution-card-arrow-box svg{color:#fff!important;stroke:#fff!important}.business-partners-section{padding:24px 0 36px}.business-partners-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex;overflow-x:auto}.partner-logo-item{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex}.partner-logo-item:hover{opacity:1;transform:translateY(-1px)}.business-stats-section{padding:10px 0 40px}.business-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.business-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 2px 10px #00000005}.business-stat-card:hover{border-color:#bfdbfe;transform:translateY(-2px)}.stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-text-col{flex-direction:column;display:flex}.stat-number{color:#0f172a;font-size:26px;font-weight:800;line-height:1.2}.stat-label{color:#64748b;font-size:13px;font-weight:500}.business-bottom-section{padding:10px 0 60px}.business-bottom-grid{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.business-story-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000008}.story-card-inner{align-items:center;gap:24px;height:100%;display:flex}.story-avatar-wrap{border-radius:16px;flex-shrink:0;width:120px;height:135px;overflow:hidden;box-shadow:0 4px 14px #00000014}.story-avatar-img{object-fit:cover;width:100%;height:100%}.story-content-col{flex-direction:column;flex:1;display:flex}.story-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.story-title{color:#0f172a;margin:0;font-size:18px;font-weight:800}.story-quote-icon{opacity:.6}.story-quote-text{color:#334155;margin:0 0 16px;font-size:15px;font-style:italic;line-height:1.55}.story-author-name{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:700}.story-author-role{color:#64748b;font-size:13px}.business-cta-card{color:#fff;background:linear-gradient(135deg,#1e6be8 0%,#0284c7 60%,#0ea5e9 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #1e6be84d}.cta-card-content{z-index:2;max-width:320px;position:relative}.cta-card-title{color:#fff;margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.3}.cta-card-desc{color:#ffffffe6;margin:0 0 20px;font-size:13.5px;line-height:1.5}.btn-cta-action{color:#1e6be8;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0000001f}.btn-cta-action:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.cta-growth-visual{z-index:2;margin-right:10px;position:relative}.growth-chart-wrap{justify-content:center;align-items:flex-end;width:140px;height:130px;display:flex;position:relative}.growth-bars{z-index:2;align-items:flex-end;gap:8px;display:flex;position:relative}.growth-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff59;border:1px solid #fff9;border-radius:6px 6px 0 0;width:20px;transition:height .3s;box-shadow:0 4px 12px #00000026}.growth-bar.bar-1{height:35px}.growth-bar.bar-2{height:60px}.growth-bar.bar-3{height:85px}.growth-bar.bar-4{background:#ffffff8c;border-color:#fff;height:115px}.growth-arrow-svg{z-index:3;filter:drop-shadow(0 4px 8px #0003);position:absolute;top:-8px;right:6px}.growth-badge-text{color:#fff;text-shadow:0 2px 4px #0003;z-index:4;flex-direction:column;align-items:flex-start;font-size:13px;font-weight:800;line-height:1.1;display:flex;position:absolute;bottom:8px;right:-24px}.badge-ai{font-size:18px;font-weight:900}.badge-drive,.badge-growth{letter-spacing:.05em;text-transform:uppercase;font-size:11px}@media (width<=1024px){.business-solutions-grid,.business-stats-grid{grid-template-columns:repeat(2,1fr)}.business-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.business-hero-grid{grid-template-columns:1fr}.business-hero-right{display:none}.business-hero-title{font-size:32px}.business-solutions-grid,.business-stats-grid{grid-template-columns:1fr}.business-story-card .story-card-inner{text-align:center;flex-direction:column}.story-header-row{justify-content:center}.business-cta-card{text-align:center;flex-direction:column;gap:32px}.cta-card-content{max-width:100%}}.topdoo-contact-page{color:#0f172a;background-color:#f8fafc;min-height:100vh;font-family:inherit;overflow-x:hidden}.contact-hero-section.full-width-hero{background-color:#f0f6fe;align-items:center;width:100%;min-height:520px;padding:24px 0 54px;display:flex;position:relative;overflow:hidden}.contact-hero-section.full-width-hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#f0f6fefa 0%,#f0f6fee0 60%,#f0f6fe00 100%);width:55%;position:absolute;top:0;bottom:0;left:0}.contact-hero-bg-img{object-fit:cover;object-position:right center;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.contact-hero-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.contact-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.contact-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;transition:color .15s}.contact-breadcrumbs .breadcrumb-link:hover{color:#2563eb}.contact-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.contact-breadcrumbs .breadcrumb-current{color:#1e293b;font-weight:600}.contact-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.contact-hero-left{max-width:580px}.contact-badge-pill{color:#2563eb;letter-spacing:.04em;background:#ebf3fe;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px 5px 8px;font-size:12px;font-weight:700;display:inline-flex}.contact-badge-icon-box{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:0 1px 3px #2563eb1f}.contact-hero-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.18}.contact-title-blue{color:#2563eb}.contact-hero-desc{color:#475569;max-width:520px;margin:0 0 28px;font-size:14.5px;line-height:1.6}.contact-features-row{flex-wrap:nowrap;align-items:center;gap:14px;display:flex}.contact-feature-item{align-items:center;gap:8px;display:flex}.feature-text-block{flex-direction:column;line-height:1.25;display:flex}.feature-bold{color:#0f172a;white-space:nowrap;font-size:12.5px;font-weight:700}.feature-sub{color:#64748b;white-space:nowrap;font-size:11.5px}.contact-hero-right{height:100%;position:relative}.contact-main-section{padding:44px 0 36px}.contact-main-grid{grid-template-columns:1fr 1.08fr;align-items:start;gap:32px;display:grid}.contact-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:36px;box-shadow:0 4px 20px #00000008}.form-card-subtitle{color:#64748b;margin:0 0 28px;font-size:14px}.form-fields-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#334155;font-size:13px;font-weight:600}.text-required{color:#ef4444;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;z-index:2;position:absolute;left:14px}.form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:46px;padding:0 16px 0 40px;font-size:14px;transition:all .2s}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.select-wrap{position:relative}.form-select{appearance:none;cursor:pointer;padding-right:36px}.select-chevron{color:#64748b;pointer-events:none;position:absolute;right:14px}.textarea-with-icon{position:relative}.textarea-icon{color:#94a3b8;pointer-events:none;position:absolute;top:14px;left:14px}.form-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:120px;padding:12px 16px 12px 40px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.textarea-char-count{text-align:right;color:#94a3b8;margin-top:6px;font-size:12px}.form-policy-check{margin:16px 0 24px}.checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.policy-checkbox{accent-color:#2563eb;cursor:pointer;border-radius:4px;width:17px;height:17px}.policy-link-btn{color:#2563eb;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.btn-submit-contact{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb59}.btn-submit-contact:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.btn-submit-contact:disabled{opacity:.7;cursor:not-allowed}.form-success-state{text-align:center;padding:40px 20px}.success-icon-wrap{margin-bottom:16px}.success-title{color:#0f172a;margin:0 0 10px;font-size:20px;font-weight:800}.success-desc{color:#475569;max-width:440px;margin:0 auto 24px;font-size:14px;line-height:1.6}.btn-success-reset{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s}.btn-success-reset:hover{background:#dbeafe}.contact-right-col{flex-direction:column;gap:24px;display:flex}.contact-info-tower-row{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.contact-methods-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 24px;box-shadow:0 4px 20px #00000008}.methods-box-title{color:#0f172a;margin:0 0 6px;font-size:19px;font-weight:800}.methods-box-subtitle{color:#64748b;margin:0 0 20px;font-size:13px}.methods-list{flex-direction:column;gap:16px;display:flex}.method-item{align-items:flex-start;gap:14px;display:flex}.method-icon-circle{background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.method-text{flex-direction:column;flex:1;gap:2px;display:flex}.method-label-row{align-items:center;gap:8px;font-size:14px;display:flex}.method-label{color:#0f172a;font-weight:700}.method-val-blue{color:#2563eb;font-weight:700}.method-val-dark{color:#0f172a;font-weight:700}.method-note{color:#64748b;font-size:12px}.chat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.chat-text-flex{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.btn-start-chat-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:13px;font-weight:700;transition:gap .2s;display:inline-flex}.btn-start-chat-link:hover{color:#1d4ed8;gap:7px}.contact-tower-card{border-radius:20px;min-height:290px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.tower-card-bg-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.tower-card-overlay{z-index:2;background:linear-gradient(#ebf5fff5 0%,#ebf5ffbf 44%,#0f172a0f 100%);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.tower-title{color:#0f172a;margin:0 0 10px;font-size:19px;font-weight:500;line-height:1.25}.tower-title-bold{font-weight:800}.tower-title-blue{color:#2563eb}.tower-accent-line{background:#2563eb;border-radius:2px;width:32px;height:2.5px;margin-bottom:12px}.tower-subtitle{color:#475569;max-width:190px;margin:0;font-size:12px;line-height:1.45}.tower-facade-branding{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #fffc;border-radius:9999px;align-self:flex-start;align-items:center;gap:7px;padding:5px 12px;display:inline-flex;box-shadow:0 4px 14px #0000001f}.tower-facade-icon{justify-content:center;align-items:center;display:flex}.tower-facade-text{color:#0042b3;letter-spacing:.06em;font-size:13px;font-weight:900}.contact-faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px 28px;box-shadow:0 4px 20px #00000008}.faq-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.faq-card-title{color:#0f172a;margin:0;font-size:19px;font-weight:800}.faq-all-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:gap .2s;display:inline-flex}.faq-all-link:hover{color:#1d4ed8;gap:8px}.faq-accordion-list{border-top:1px solid #f1f5f9;flex-direction:column;display:flex}.faq-accordion-item{border-bottom:1px solid #f1f5f9;transition:background .2s}.faq-question-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:15px 0;display:flex}.faq-question-text{color:#1e293b;font-size:14px;font-weight:600;transition:color .15s}.faq-question-btn:hover .faq-question-text{color:#2563eb}.faq-chevron-icon{color:#64748b;align-items:center;transition:transform .2s;display:flex}.faq-chevron-icon.rotate{color:#2563eb;transform:rotate(180deg)}.faq-answer-pane{color:#475569;padding:0 0 16px;font-size:13.5px;line-height:1.6}.contact-trust-section{padding:10px 0 50px}.contact-trust-bar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex;box-shadow:0 2px 12px #00000005}.trust-bar-left{flex-shrink:0;align-items:center;gap:16px;max-width:440px;display:flex}.trust-users-circle{background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.trust-users-title{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:700}.trust-users-desc{color:#64748b;font-size:12.5px}.trust-bar-logos{flex:1;justify-content:center;align-items:center;gap:20px;display:flex;overflow-x:auto}.trust-logo-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:22px}.trust-logo-wrap{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex}.trust-logo-wrap:hover{opacity:1;transform:translateY(-1px)}.btn-trust-arrow{cursor:pointer;background:#eff6ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-trust-arrow:hover{background:#2563eb}.btn-trust-arrow:hover svg{color:#fff!important;stroke:#fff!important}@media (width<=1024px){.contact-main-grid{grid-template-columns:1fr}.contact-features-row{flex-wrap:wrap;gap:14px}.contact-trust-bar{text-align:center;flex-direction:column;gap:20px}.trust-bar-left{flex-direction:column;max-width:100%}}@media (width<=768px){.contact-hero-grid{grid-template-columns:1fr}.contact-hero-right{display:none}.contact-hero-title{font-size:32px}.form-fields-grid,.contact-info-tower-row{grid-template-columns:1fr}.contact-form-card{padding:24px 20px}}.topdoo-solutions-page{background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.solutions-hero-section.full-width-hero{background-color:#f0f6fe;align-items:center;width:100%;min-height:520px;padding:24px 0 54px;display:flex;position:relative;overflow:hidden}.solutions-hero-section.full-width-hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#f0f6fefa 0%,#f0f6fee0 55%,#f0f6fe00 100%);width:55%;position:absolute;top:0;bottom:0;left:0}.solutions-hero-bg-img{object-fit:cover;object-position:right center;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.solutions-hero-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.solutions-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.solutions-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.solutions-breadcrumbs .breadcrumb-link:hover{color:#2563eb}.solutions-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.solutions-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.solutions-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.solutions-hero-left{max-width:440px}.solutions-badge-pill{color:#2563eb;letter-spacing:.5px;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #2563eb0f}.solutions-badge-icon-box{background:#dbeafe;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.solutions-hero-title{color:#0f172a;letter-spacing:-.6px;margin:0 0 14px;font-size:38px;font-weight:800;line-height:1.18}.solutions-title-blue{color:#2563eb}.solutions-hero-desc{color:#475569;max-width:410px;margin:0 0 24px;font-size:13.5px;line-height:1.55}.solutions-cta-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-solutions-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb47}.btn-solutions-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.btn-solutions-outline{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000005}.btn-solutions-outline:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.btn-solutions-outline .play-icon-circle{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.solutions-features-bottom-bar{flex-wrap:nowrap;align-items:center;gap:22px;margin-top:34px;padding-bottom:4px;display:flex;overflow-x:auto}.solutions-feature-item{flex-shrink:0;align-items:center;gap:8px;display:flex}.solutions-check-circle{background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.solutions-feature-text{color:#334155;white-space:nowrap;font-size:13px;font-weight:500}.solutions-hero-right-spacer{min-height:360px}.solutions-filter-section{background-color:#f8fafc;padding:28px 0 16px}.solutions-tabs-scroller{scrollbar-width:thin;padding-bottom:6px;overflow-x:auto}.solutions-tabs-grid-bar{grid-template-columns:repeat(9,1fr);gap:10px;min-width:820px;display:grid}.solutions-tab-card{color:#1e293b;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:13px 8px;font-size:11.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.solutions-tab-card:hover{background:#f1f5f9;border-color:#cbd5e1}.solutions-tab-card.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb38}.tab-card-icon-wrap{justify-content:center;align-items:center;height:26px;display:flex}.solutions-tab-card .tab-card-icon{color:#2563eb;transition:color .15s}.solutions-tab-card.active .tab-card-icon{color:#fff!important}.tab-card-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.solutions-grid-section{padding:20px 0 36px}.solutions-grid-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.solutions-section-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 6px;font-size:24px;font-weight:800}.solutions-section-subtitle{color:#64748b;margin:0;font-size:14px}.btn-view-all-solutions{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-all-solutions:hover{color:#1d4ed8;gap:9px}.solutions-cards-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.solution-card-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:180px;padding:22px 20px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000005}.solution-card-item:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 10px 25px #2563eb14}.solution-card-top{align-items:flex-start;gap:14px;display:flex}.solution-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.solution-text-block{flex:1}.solution-item-title{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.35}.solution-item-desc{color:#64748b;margin:0;font-size:12.8px;line-height:1.45}.solution-card-bottom{justify-content:flex-start;margin-top:16px;display:flex}.btn-solution-arrow{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.solution-card-item:hover .btn-solution-arrow{color:#fff;background:#2563eb}.solutions-stats-section{padding:10px 0 36px}.solutions-stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 34px;display:grid;box-shadow:0 4px 16px #00000005}.solutions-stat-item{align-items:center;gap:16px;display:flex}.solutions-stat-icon-wrap{background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-number-text{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.stat-label-text{color:#64748b;margin-top:2px;font-size:13px;font-weight:500}.solutions-stories-section{padding:10px 0 36px}.stories-header-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.stories-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 6px;font-size:24px;font-weight:800}.stories-subtitle{color:#64748b;margin:0;font-size:14px}.btn-view-all-customers{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-all-customers:hover{color:#1d4ed8;gap:9px}.stories-cards-row-wrapper{align-items:center;gap:12px;display:flex;position:relative}.btn-story-edge-nav{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.btn-story-edge-nav:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.stories-cards-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.story-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;min-height:140px;padding:24px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.story-card-item:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb0f}.story-brand-logo{align-items:center;height:30px;display:flex}.story-quote-text{color:#334155;margin:0;font-size:13.5px;line-height:1.5}.solutions-bottom-cta-section{padding:10px 0 60px}.solutions-cta-card-box{background:linear-gradient(135deg,#f0f7ff 0%,#fff 50%,#eff6ff 100%);border:1.5px solid #dbeafe;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #2563eb0f}.cta-box-left{max-width:580px}.cta-box-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 8px;font-size:23px;font-weight:800}.cta-box-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.5}.cta-box-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.btn-cta-primary-consult{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-cta-primary-consult:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-cta-outline-demo{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-cta-outline-demo:hover{background:#eff6ff;border-color:#2563eb}.play-icon-tiny-circle{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.demo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.demo-modal-window{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:32px 28px;animation:.25s cubic-bezier(.16,1,.3,1) modalZoomIn;position:relative;box-shadow:0 20px 40px #00000026}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.btn-modal-close:hover{color:#0f172a;background:#e2e8f0}.demo-modal-header{text-align:left;margin-bottom:22px}.demo-modal-icon-badge{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:inline-flex}.demo-modal-desc{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.demo-modal-form{flex-direction:column;gap:16px;display:flex}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-form-label{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.modal-form-input,.modal-form-select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px;transition:all .2s}.modal-form-input:focus,.modal-form-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.modal-form-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.btn-modal-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #2563eb40}.btn-modal-submit:hover:not(:disabled){background:#1d4ed8}.btn-modal-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=1100px){.solutions-cards-grid,.stories-cards-grid,.solutions-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.solutions-hero-grid{grid-template-columns:1fr}.solutions-hero-left{max-width:100%}.solutions-hero-right-spacer{display:none}.solutions-hero-section.full-width-hero:before{background:linear-gradient(#f0f6fef5 0%,#f0f6feeb 100%);width:100%}.solutions-cta-card-box{flex-direction:column;align-items:flex-start;padding:28px 24px}.cta-box-right{flex-wrap:wrap;width:100%}.btn-story-edge-nav{display:none}}@media (width<=640px){.solutions-hero-title{font-size:30px}.solutions-cards-grid,.stories-cards-grid{grid-template-columns:1fr}.solutions-stats-bar{grid-template-columns:1fr;padding:20px}.modal-form-row{grid-template-columns:1fr}.solutions-features-bottom-bar{gap:14px}}.topdoo-security-page{color:#0f172a;background-color:#f8fafc;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.security-hero-section.full-width-hero{background-color:#e6f7f0;align-items:center;width:100vw;min-height:520px;margin-left:-50vw;margin-right:-50vw;padding:24px 0 54px;display:flex;position:relative;left:50%;right:50%;overflow:hidden}.security-hero-section.full-width-hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#ebfcf6fa 0%,#ebfcf6eb 50%,#ebfcf600 100%);width:58%;position:absolute;top:0;bottom:0;left:0}.security-hero-bg-img{object-fit:cover;object-position:right center;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.security-hero-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.security-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.security-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.security-breadcrumbs .breadcrumb-link:hover{color:#059669}.security-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.security-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.security-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;display:grid}.security-hero-left{max-width:560px}.security-badge-pill{color:#059669;letter-spacing:.5px;background:#ffffffe6;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:fit-content;margin-bottom:18px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #05966914}.security-badge-icon-box{background:#d1fae5;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.security-hero-title{color:#0f172a;letter-spacing:-.6px;margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.18}.security-title-emerald{color:#059669}.security-hero-desc{color:#475569;max-width:480px;margin:0 0 26px;font-size:14px;line-height:1.6}.security-cta-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-security-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #05966947}.btn-security-primary:hover{background:#047857;transform:translateY(-1px);box-shadow:0 6px 18px #05966959}.btn-security-video{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000005}.btn-security-video:hover{color:#059669;background:#f0fdf4;border-color:#059669}.security-checklist-row{flex-wrap:nowrap;align-items:center;gap:16px;margin-top:32px;display:flex}.security-check-item{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:12.2px;font-weight:600;display:flex}.security-check-dot{background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.security-hero-right{min-height:400px;position:relative}.security-floating-slogan{color:#065f46;text-shadow:0 1px 3px #ffffffb3;pointer-events:none;z-index:2;flex-direction:column;font-family:Dancing Script,Caveat,cursive;font-size:32px;font-weight:700;line-height:1.15;display:flex;position:absolute;top:6px;right:22px;transform:rotate(-5deg)}.security-floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:2;background:#ffffffbf;border:1px solid #ffffffd9;border-radius:12px;align-items:center;gap:9px;padding:6px 12px;transition:transform .3s;display:flex;position:absolute;box-shadow:0 4px 16px #05966914}.security-float-icon{color:#fff;background:#00875a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 6px #00875a38}.security-float-icon.chip-icon span{letter-spacing:-.5px;font-family:JetBrains Mono,monospace;font-weight:800}.security-float-text{color:#064e3b;white-space:nowrap;flex-direction:column;font-size:11.5px;font-weight:700;line-height:1.25;display:flex}.float-ai-badge{top:17%;left:2%}.float-data-badge{bottom:23%;left:2%}.float-net-badge{top:26%;right:2%}.float-ident-badge{bottom:18%;right:2%}.security-stats-section{background:#f8fafc;padding:24px 0}.security-stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(4,auto) 1fr;align-items:center;gap:28px;padding:22px 28px;display:grid;box-shadow:0 2px 10px #00000005}.security-metric-item{border-right:1px solid #f1f5f9;align-items:center;gap:13px;padding-right:20px;display:flex}.security-metric-icon{background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.security-metric-content{flex-direction:column;display:flex}.security-metric-value{color:#0f172a;font-size:18.5px;font-weight:800;line-height:1.2}.security-metric-label{color:#64748b;margin-top:2px;font-size:12px;font-weight:500}.security-quote-item{align-items:flex-start;gap:6px;padding-left:8px;display:flex}.security-quote-mark{color:#a7f3d0;font-family:serif;font-size:28px;font-weight:700;line-height:1}.security-quote-mark-end{color:#a7f3d0;align-self:flex-start;font-family:serif;font-size:28px;font-weight:700;line-height:1}.security-quote-body{flex:1}.security-quote-text{color:#475569;margin:0 0 4px;font-size:12px;font-style:normal;line-height:1.45}.security-quote-author{align-items:center;gap:6px;display:flex}.security-quote-author .author-name{color:#0f172a;font-size:12px;font-weight:700}.security-quote-author .author-role{color:#94a3b8;font-size:11.5px}.security-features-section{background:#f8fafc;padding:24px 0 36px}.security-features-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.security-section-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 6px;font-size:24px;font-weight:800}.security-section-sub{color:#64748b;margin:0;font-size:14px}.security-link-more{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.security-link-more:hover{color:#1d4ed8;gap:9px}.security-features-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.security-feature-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;min-height:180px;padding:20px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000005}.security-feature-card:hover{border-color:#a7f3d0;transform:translateY(-3px);box-shadow:0 8px 20px #05966917}.security-feat-icon-box{background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;display:flex}.security-feat-card-title{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.35}.security-feat-card-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}.security-showcase-section{background:#f8fafc;padding:10px 0 32px}.security-showcase-grid{grid-template-columns:1.6fr 1fr;align-items:stretch;gap:20px;display:grid}.security-feature-showcase-card{background:#031317;border-radius:16px;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.security-feature-showcase-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#031317f5 0%,#031317e0 50%,#03131700 100%);width:55%;position:absolute;top:0;bottom:0;left:0}.security-feature-bg-img{object-fit:cover;object-position:88% center;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.security-feature-overlay-content{z-index:2;flex-direction:column;gap:16px;max-width:320px;padding:30px 28px;display:flex;position:relative}.showcase-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:23px;font-weight:800;line-height:1.25}.showcase-checklist{flex-direction:column;gap:10px;display:flex}.showcase-check-item{align-items:center;gap:8px;display:flex}.showcase-check-dot{background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.showcase-check-item span{color:#e2e8f0;font-size:13px;font-weight:500}.btn-showcase-demo{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-showcase-demo:hover{color:#059669;background:#ecfdf5;transform:translate(2px)}.security-audience-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px 26px;display:flex;box-shadow:0 2px 10px #00000005}.audience-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 16px;font-size:18px;font-weight:800}.audience-list{flex-direction:column;gap:12px;display:flex}.audience-item{cursor:pointer;border-radius:12px;align-items:flex-start;gap:14px;padding:12px 10px;transition:all .18s;display:flex}.audience-item:hover{background:#f8fafc;transform:translate(2px)}.audience-icon-box{background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.audience-content{flex:1}.audience-item-title{color:#0f172a;margin:0 0 3px;font-size:14.5px;font-weight:700}.audience-item-desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.security-bottom-cta-section{background:#f8fafc;padding:8px 0 42px}.security-bottom-cta-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;display:flex;box-shadow:0 2px 12px #00000008}.bottom-cta-left{align-items:center;gap:18px;display:flex}.bottom-cta-icon-box{background:#ecfdf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bottom-cta-title{color:#0f172a;margin:0 0 3px;font-size:17px;font-weight:800}.bottom-cta-sub{color:#64748b;margin:0;font-size:13px}.bottom-cta-actions{align-items:center;gap:12px;display:flex}.btn-bottom-cta-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;align-items:center;gap:7px;padding:11px 22px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #05966940}.btn-bottom-cta-primary:hover{background:#047857;transform:translateY(-1px)}.btn-bottom-cta-secondary{color:#059669;cursor:pointer;background:#fff;border:1.5px solid #059669;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-bottom-cta-secondary:hover{background:#ecfdf5}.security-demo-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.security-demo-modal-dialog{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:32px 28px;animation:.25s cubic-bezier(.16,1,.3,1) modalZoomIn;position:relative;box-shadow:0 25px 50px -12px #00000040}.security-demo-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.security-demo-modal-close:hover{color:#0f172a;background:#e2e8f0}.security-demo-modal-header{text-align:left;margin-bottom:22px}.demo-header-badge{color:#059669;background:#ecfdf5;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.demo-modal-title{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}.demo-modal-subtitle{color:#64748b;margin:0;font-size:13.5px}.security-demo-scan-body{padding-top:10px}.scan-in-progress{text-align:center;flex-direction:column;align-items:center;padding:10px 0;display:flex}.scan-radar-circle{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:16px;display:flex}.scan-spin-icon{animation:1.2s linear infinite spin}.scan-progress-label{color:#0f172a;margin-bottom:12px;font-size:14px;font-weight:600}.scan-progress-bar-wrap{background:#f1f5f9;border-radius:999px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.scan-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;height:100%;transition:width .18s}.scan-progress-percent{color:#059669;margin-bottom:18px;font-size:12px;font-weight:700}.scan-items-checklist{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.scan-check-row{color:#64748b;align-items:center;gap:10px;font-size:12.5px;transition:color .2s;display:flex}.scan-check-row.done{color:#0f172a;font-weight:600}.scan-completed-state{text-align:center;flex-direction:column;align-items:center;padding:8px 0;display:flex}.scan-success-badge{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;display:flex}.scan-success-title{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:800}.scan-success-desc{color:#64748b;max-width:420px;margin:0 0 20px;font-size:13px;line-height:1.5}.scan-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:24px;display:grid}.summary-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 8px}.summary-stat-box .stat-num{font-size:16px;font-weight:800}.summary-stat-box .stat-text{color:#64748b;margin-top:2px;font-size:11px}.scan-modal-actions{align-items:center;gap:12px;width:100%;display:flex}.btn-modal-console{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #05966940}.btn-modal-console:hover{background:#047857}.btn-modal-close-outline{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.btn-modal-close-outline:hover{color:#0f172a;background:#f1f5f9}@media (width<=1024px){.security-hero-grid{grid-template-columns:1fr}.security-hero-left{max-width:100%}.security-hero-right{display:none}.security-stats-bar{grid-template-columns:repeat(2,1fr)}.security-features-grid{grid-template-columns:repeat(3,1fr)}.security-showcase-grid{grid-template-columns:1fr}.security-hero-section.full-width-hero:before{background:linear-gradient(#ebfcf6f5 0%,#ebfcf6e6 100%);width:100%}}@media (width<=640px){.security-hero-title{font-size:30px}.security-features-grid{grid-template-columns:1fr}.security-stats-bar{grid-template-columns:1fr;padding:18px}.security-bottom-cta-banner{flex-direction:column;align-items:flex-start}.bottom-cta-actions{flex-direction:column;width:100%}.btn-bottom-cta-primary,.btn-bottom-cta-secondary{justify-content:center;width:100%}}.topdoo-get-protect-page{color:#0f172a;background-color:#f8fafc;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.get-protect-main-content{padding:24px 0 54px}.get-protect-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.get-protect-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.get-protect-breadcrumbs .breadcrumb-link:hover{color:#059669}.get-protect-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.get-protect-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.get-protect-main-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:36px;display:grid}.get-protect-left-col{flex-direction:column;align-items:flex-start;display:flex}.get-protect-hero-title{color:#0f172a;letter-spacing:-.6px;margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.18}.get-protect-hero-desc{color:#475569;max-width:530px;margin:0 0 24px;font-size:14px;line-height:1.6}.get-protect-checklist-row{flex-wrap:nowrap;align-items:center;gap:16px;margin-bottom:26px;display:flex}.get-protect-check-item{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:12.2px;font-weight:600;display:flex}.get-protect-art-card{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 50%,#c6f6d5 100%);border:1px solid #a7f3d0;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:420px;margin-bottom:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0596691f}.get-protect-art-img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:460px;display:block}.get-protect-float-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:2;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:12px;align-items:center;gap:9px;padding:6px 12px;transition:transform .3s;display:flex;position:absolute;box-shadow:0 4px 16px #0596691a}.get-protect-float-icon{color:#fff;background:#00875a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #00875a38}.get-protect-float-text{color:#064e3b;white-space:nowrap;flex-direction:column;font-size:11.5px;font-weight:700;line-height:1.25;display:flex}.float-badge-lock{top:14%;left:3%}.float-badge-net{bottom:22%;left:3%}.float-badge-threat{top:15%;right:3%}.float-badge-chart{bottom:22%;right:3%}.get-protect-script-slogan{color:#065f46;text-shadow:0 1px 3px #fffc;pointer-events:none;z-index:2;flex-direction:column;font-family:Dancing Script,Caveat,cursive;font-size:28px;font-weight:700;line-height:1.15;display:flex;position:absolute;bottom:12px;right:18px;transform:rotate(-5deg)}.get-protect-stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;display:grid;box-shadow:0 2px 8px #00000005}.get-protect-stat-item{border-right:1px solid #f1f5f9;align-items:center;gap:10px;padding-right:8px;display:flex}.get-protect-stat-item:last-child{border-right:none;padding-right:0}.get-protect-stat-icon{background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.get-protect-stat-info .stat-val{color:#0f172a;font-size:15.5px;font-weight:800;line-height:1.2}.get-protect-stat-info .stat-lbl{color:#64748b;margin-top:2px;font-size:11.2px;font-weight:500}.get-protect-right-col{width:100%}.get-protect-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 8px 30px -4px #0f172a0f}.form-card-header{margin-bottom:22px}.form-card-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 6px;font-size:23px;font-weight:800}.form-card-desc{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.get-protect-stepper{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 6px;display:flex}.step-node{flex-direction:column;align-items:center;gap:5px;display:flex}.step-circle{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.step-node.active .step-circle{color:#fff;background:#00875a;box-shadow:0 2px 8px #00875a4d}.step-node.completed .step-circle{color:#fff;background:#059669}.step-label{color:#64748b;font-size:11.5px;font-weight:600}.step-node.active .step-label{color:#0f172a;font-weight:700}.step-line{background:#e2e8f0;flex:1;height:2px;margin:0 10px 18px}.step-line.active{background:#059669}.form-field-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:#334155;font-size:12.8px;font-weight:600}.field-input-wrap{align-items:center;display:flex;position:relative}.field-icon-left{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.field-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px 0 42px;font-size:13.5px;transition:all .18s}.field-input:focus{border-color:#059669;box-shadow:0 0 0 3px #05966926}.field-input-password{padding-right:42px}.field-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.field-eye-btn:hover{color:#0f172a}.field-checkbox-label{color:#475569;cursor:pointer;align-items:flex-start;gap:8px;margin:14px 0 18px;font-size:12.2px;line-height:1.45;display:flex}.field-checkbox{accent-color:#059669;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.link-terms{color:#2563eb;font-weight:600;text-decoration:none}.link-terms:hover{text-decoration:underline}.btn-form-submit{color:#fff;cursor:pointer;background:#00875a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #00875a47}.btn-form-submit:hover:not(:disabled){background:#007048;transform:translateY(-1px)}.btn-form-submit:disabled{opacity:.7;cursor:not-allowed}.form-social-divider{align-items:center;gap:12px;margin:20px 0 16px;display:flex}.divider-line{background:#e2e8f0;flex:1;height:1px}.divider-text{color:#94a3b8;font-size:12px;font-weight:500}.form-social-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.btn-social{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.btn-social:hover{background:#f8fafc;border-color:#cbd5e1}.social-svg-icon{flex-shrink:0}.form-card-footer{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:13px;display:flex}.btn-login-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.btn-login-link:hover{text-decoration:underline}.plan-selection-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.plan-card-option{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:18px 14px;transition:all .2s;position:relative}.plan-card-option:hover{border-color:#a7f3d0}.plan-card-option.selected{background:#f0fdf4;border-color:#059669}.plan-badge{color:#475569;background:#e2e8f0;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.plan-badge.popular{color:#fff;background:#059669}.plan-name{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:700}.plan-price{color:#059669;margin-bottom:10px;font-size:18px;font-weight:800}.plan-price span{color:#64748b;font-size:11px;font-weight:500}.plan-perks{color:#475569;flex-direction:column;gap:6px;margin:0;padding:0;font-size:11.8px;list-style:none;display:flex}.step-action-buttons{gap:10px;display:flex}.btn-step-back{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:0 18px;font-weight:600;transition:all .18s}.btn-step-back:hover{background:#f1f5f9}.get-protect-success-state{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.success-icon-box{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:16px;display:flex}.success-heading{color:#0f172a;margin:0 0 6px;font-size:19px;font-weight:800}.success-sub{color:#64748b;max-width:400px;margin:0 0 24px;font-size:13.5px;line-height:1.5}.get-protect-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}.get-protect-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.get-protect-feature-card:hover{border-color:#a7f3d0;transform:translateY(-2px);box-shadow:0 6px 18px #05966914}.feature-icon-circle{background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-content{flex:1}.feature-title{color:#0f172a;margin:0 0 3px;font-size:15px;font-weight:700}.feature-desc{color:#64748b;margin:0;font-size:12.8px;line-height:1.45}.get-protect-community-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 30px;display:flex;box-shadow:0 2px 8px #00000005}.community-banner-left{align-items:center;gap:16px;display:flex}.community-icon-box{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.community-title{color:#0f172a;margin:0 0 3px;font-size:16px;font-weight:800}.community-sub{color:#64748b;margin:0;font-size:13px}.btn-community-stories{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2563eb;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-community-stories:hover{background:#eff6ff}@media (width<=1024px){.get-protect-main-grid,.get-protect-features-grid{grid-template-columns:1fr}.get-protect-community-banner{flex-direction:column;align-items:flex-start}.get-protect-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.get-protect-hero-title{font-size:30px}.get-protect-checklist-row{flex-wrap:wrap}.get-protect-stats-bar,.form-social-buttons,.plan-selection-grid{grid-template-columns:1fr}}.topdoo-plan-security-page{background-color:#f8fafc;min-height:100vh}.plan-security-main-content{padding-top:24px;padding-bottom:70px}.plan-security-hero-banner{background:linear-gradient(135deg,#f0fdf4 0%,#fff 52%,#ecfdf5 100%);border:1px solid #d1fae5;border-radius:20px;justify-content:space-between;align-items:center;min-height:270px;margin-bottom:28px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0596690d}.plan-security-art-backdrop{pointer-events:none;z-index:1;width:58%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.plan-security-robot-img{object-fit:cover;object-position:right 45%;width:100%;height:100%}.plan-security-art-fade{background:linear-gradient(90deg,#fff 0%,#ffffffbf 18%,#fff0 45%);position:absolute;inset:0}.plan-security-hero-left{z-index:2;flex-direction:column;align-items:flex-start;gap:12px;max-width:550px;display:flex;position:relative}.plan-security-hero-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:33px;font-weight:800;line-height:1.25}.plan-security-hero-desc{color:#4b5563;margin:0;font-size:14.5px;line-height:1.6}.plan-security-stepper{align-items:center;gap:12px;margin-top:6px;display:flex}.plan-security-stepper .step-node{color:#6b7280;align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.plan-security-stepper .step-node.active{color:#111827}.plan-security-stepper .step-node.completed{color:#059669}.plan-security-stepper .step-circle{color:#9ca3af;background:#fff;border:1.5px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.plan-security-stepper .step-circle-completed{color:#fff;background:#059669;border-color:#059669}.plan-security-stepper .step-circle-active{color:#fff;background:#00875a;border-color:#00875a}.plan-security-stepper .step-line{background:#e5e7eb;border-radius:2px;width:32px;height:2px}.plan-security-stepper .step-line-active{background:#059669}.plan-security-hero-right{z-index:2;pointer-events:none;flex-shrink:0;width:440px;height:220px;position:relative}.plan-robot-speech-bubble{color:#fff;text-align:center;background:linear-gradient(135deg,#00875a 0%,#059669 100%);border-radius:14px;flex-direction:column;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.3;display:flex;position:absolute;top:10px;left:20px;box-shadow:0 6px 16px #05966940}.plan-robot-speech-bubble .speech-bubble-tail{background:#059669;width:12px;height:12px;position:absolute;bottom:-6px;left:45%;transform:rotate(45deg)}.plan-robot-script-slogan{color:#047857;text-align:right;text-shadow:0 1px 2px #fffc;flex-direction:column;font-family:Caveat,Dancing Script,cursive;font-size:26px;font-weight:700;line-height:1.1;display:flex;position:absolute;top:8px;right:14px;transform:rotate(-3deg)}.plan-robot-pill-list{flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute;top:66px;right:6px}.plan-robot-pill-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1f2937;background:#fffffff0;border:1px solid #d1fae5f2;border-radius:9999px;align-items:center;gap:8px;padding:5px 13px;font-size:12.5px;font-weight:600;display:flex;box-shadow:0 2px 10px #0000000d}.robot-pill-check{background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.plan-billing-switch-wrapper{justify-content:center;align-items:center;gap:14px;margin-bottom:28px;display:flex}.plan-billing-pill-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:4px;display:inline-flex}.billing-tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 22px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.billing-tab-btn.active{color:#fff;background:#00875a;box-shadow:0 2px 10px #00875a40}.billing-save-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:6px 14px;font-size:12.5px;font-weight:700;box-shadow:0 1px 4px #05966914}.plan-security-main-grid{grid-template-columns:1fr 310px;align-items:start;gap:22px;margin-bottom:30px;display:grid}.plan-security-left-col{flex-direction:column;gap:22px;display:flex}.pricing-cards-quad-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pricing-quad-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;padding:24px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 6px #00000005}.pricing-quad-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000012}.pricing-quad-card.featured{border:2px solid #059669;box-shadow:0 8px 24px #0596691f}.pricing-card-badge-pill{color:#fff;letter-spacing:.02em;white-space:nowrap;background:#00875a;border-radius:9999px;padding:3px 13px;font-size:11.5px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00875a4d}.pricing-card-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.pricing-card-name{color:#111827;letter-spacing:-.01em;margin:0 0 3px;font-size:20px;font-weight:800}.pricing-card-sub{color:#6b7280;min-height:20px;margin:0 0 14px;font-size:13px}.pricing-card-price-row{justify-content:center;align-items:baseline;gap:2px;margin-bottom:16px;display:flex}.pricing-card-price-row .price-number{color:#111827;letter-spacing:-.02em;font-size:25px;font-weight:800}.pricing-card-price-row .price-unit{color:#6b7280;font-size:13.5px;font-weight:500}.btn-pricing-action{cursor:pointer;border-radius:8px;width:100%;margin-bottom:20px;padding:10px 14px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-pricing-action.outline{color:#059669;background:0 0;border:1.5px solid #059669}.btn-pricing-action.outline:hover{background:#ecfdf5}.btn-pricing-action.solid{color:#fff;background:#00875a;border:1.5px solid #00875a}.btn-pricing-action.solid:hover{background:#00704a;border-color:#00704a;box-shadow:0 4px 12px #00875a40}.btn-pricing-action.solid-primary{color:#fff;background:#00875a;border:1.5px solid #00875a;box-shadow:0 4px 14px #00875a47}.btn-pricing-action.solid-primary:hover{background:#006d48;border-color:#006d48;transform:scale(1.02)}.pricing-card-features-list{text-align:left;flex-direction:column;gap:11px;width:100%;margin:0;padding:0;list-style:none;display:flex}.feature-list-item{color:#374151;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;display:flex}.feature-check-icon{flex-shrink:0;margin-top:2px}.feature-text{flex:1}.quick-comparison-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 2px 6px #00000005}.comparison-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.comparison-card-title{color:#111827;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.btn-toggle-detail-comparison{color:#059669;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-toggle-detail-comparison:hover{color:#047857;text-decoration:underline}.comparison-table-wrapper{width:100%;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:center;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13.5px}.comparison-table .col-feature-name,.comparison-table .cell-feature-name{text-align:left;color:#374151;width:32%;font-weight:600}.comparison-table th.col-plan{color:#111827;width:17%;font-weight:700}.comparison-table th.col-plan-pro,.comparison-table td.cell-pro{background:#f0fdf4;font-weight:700}.table-check-dot{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0 auto;display:inline-flex}.comparison-table .cell-dash{color:#9ca3af;font-size:15px;font-weight:500}.comparison-table .highlight-emerald{color:#059669;font-weight:700}.plan-security-right-col{flex-direction:column;gap:18px;display:flex}.plan-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px 20px;box-shadow:0 2px 6px #00000005}.sidebar-card-title{color:#111827;letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:800}.sidebar-card-desc{color:#6b7280;margin:0 0 16px;font-size:13.5px;line-height:1.5}.sidebar-buttons-stack{flex-direction:column;gap:9px;display:flex}.btn-sidebar-chat{color:#fff;cursor:pointer;background:#00875a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-sidebar-chat:hover{background:#00704a;box-shadow:0 4px 12px #00875a40}.btn-sidebar-schedule{color:#059669;cursor:pointer;background:#fff;border:1.5px solid #059669;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-sidebar-schedule:hover{background:#ecfdf5}.commitments-list{flex-direction:column;gap:15px;margin-top:14px;display:flex}.commitment-item{align-items:flex-start;gap:12px;display:flex}.commitment-icon-box{background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.commitment-title{color:#111827;font-size:13.5px;font-weight:700;line-height:1.3}.commitment-sub{color:#6b7280;margin-top:2px;font-size:12px;line-height:1.4}.plan-security-bottom-banner{background:linear-gradient(90deg,#f0fdf4 0%,#fff 62%,#ecfdf5 100%);border:1px solid #d1fae5;border-radius:16px;justify-content:space-between;align-items:center;margin-top:8px;padding:22px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0596690a}.bottom-banner-left{z-index:2;align-items:center;gap:16px;display:flex}.bottom-banner-icon-box{background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bottom-banner-title{color:#111827;letter-spacing:-.01em;margin:0 0 3px;font-size:17px;font-weight:800}.bottom-banner-sub{color:#6b7280;margin:0;font-size:13.5px}.btn-bottom-banner-cta{color:#fff;cursor:pointer;z-index:2;white-space:nowrap;background:#00875a;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-bottom-banner-cta:hover{background:#00704a;box-shadow:0 6px 16px #00875a4d}.bottom-banner-watermark{pointer-events:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.plan-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#1118278c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.plan-modal-dialog{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;box-shadow:0 20px 40px #00000026}.modal-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#111827;background:#f3f4f6}.modal-header-icon-box{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;display:flex}.modal-title{color:#111827;margin:0 0 8px;font-size:20px;font-weight:800}.modal-desc{color:#4b5563;margin:0 0 20px;font-size:14px;line-height:1.5}.modal-features-preview{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:22px;padding:14px 16px}.modal-features-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;font-size:12px;font-weight:700}.modal-features-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.modal-features-list li{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.modal-actions-row{justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-modal-cancel:hover{color:#0f172a;background:#e2e8f0}.btn-modal-confirm{color:#fff;cursor:pointer;background:#00875a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-modal-confirm:hover{background:#00704a;box-shadow:0 4px 12px #00875a40}.modal-form{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:#374151;font-size:13px;font-weight:600}.modal-field input,.modal-textarea{color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.modal-field input:focus,.modal-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #05966926}@media (width<=1200px){.plan-security-main-grid{grid-template-columns:1fr}.pricing-cards-quad-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.plan-security-hero-banner{flex-direction:column;align-items:flex-start;padding:28px 24px}.plan-security-art-backdrop,.plan-security-hero-right{display:none}}@media (width<=640px){.pricing-cards-quad-grid{grid-template-columns:1fr}.plan-security-bottom-banner{flex-direction:column;align-items:flex-start;gap:16px}.btn-bottom-banner-cta{justify-content:center;width:100%}}.topdoo-activate-security-page{background-color:#f8fafc;min-height:100vh}.activate-main-content{padding-top:24px;padding-bottom:70px}.activate-main-grid{grid-template-columns:1fr 440px;align-items:start;gap:28px;display:grid}.activate-left-col{flex-direction:column;gap:20px;display:flex}.activate-hero-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:800;line-height:1.25}.activate-hero-desc{color:#4b5563;margin:0;font-size:14.5px;line-height:1.6}.activate-stepper{align-items:center;gap:12px;margin-top:2px;display:flex}.activate-stepper .step-node{color:#6b7280;align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.activate-stepper .step-node.completed{color:#059669}.activate-stepper .step-node.active{color:#111827}.activate-stepper .step-circle{border:1.5px solid #059669;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.activate-stepper .step-circle-completed{color:#fff;background:#059669}.activate-stepper .step-circle-active{color:#fff;background:#00875a}.activate-stepper .step-line{background:#e5e7eb;border-radius:2px;width:32px;height:2px}.activate-stepper .step-line-active{background:#059669}.activate-art-card{background:radial-gradient(#ecfdf5 0%,#f0fdf4 50%,#fff 100%);border:1px solid #d1fae5;border-radius:20px;justify-content:center;align-items:center;height:330px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #05966914}.activate-art-img{object-fit:cover;object-position:center 28%;border-radius:19px;width:100%;height:100%}.activate-float-badge{color:#1f2937;white-space:nowrap;pointer-events:none;z-index:3;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:10px;width:max-content;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 6px 20px #00000014}.activate-float-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activate-float-icon.icon-solid-green{background:#059669}.activate-float-icon.icon-soft-green{background:#ecfdf5}.activate-float-text{text-align:left;flex-direction:column;line-height:1.25;display:flex}.activate-art-card .float-badge-lock{inset:18px 170px auto auto}.activate-art-card .float-badge-data{inset:92px 22px auto auto}.activate-art-card .float-badge-threat{inset:60px auto auto 22px}.activate-art-card .float-badge-chart{inset:auto auto 24px 22px}.activate-script-slogan{color:#059669;text-align:right;z-index:3;text-shadow:0 1px 3px #ffffffe6;flex-direction:column;font-family:Caveat,Dancing Script,cursive;font-size:28px;font-weight:700;line-height:1.15;display:flex;position:absolute;bottom:24px;right:28px;transform:rotate(-5deg)}.activate-features-quad-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.activate-feature-box{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000005}.activate-feature-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.activate-feature-box .feature-name{color:#111827;margin-bottom:2px;font-size:13.5px;font-weight:700}.activate-feature-box .feature-sub{color:#6b7280;font-size:12px;line-height:1.35}.activate-stats-bar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 18px;display:grid;box-shadow:0 2px 6px #00000005}.activate-stat-item{align-items:center;gap:12px;display:flex}.activate-stat-icon{background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activate-stat-info .stat-val{color:#111827;font-size:16px;font-weight:800}.activate-stat-info .stat-lbl{color:#6b7280;margin-top:1px;font-size:11.5px}.activate-support-strip{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #00000005}.support-strip-left{align-items:center;gap:12px;display:flex}.support-strip-icon-box{background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.support-strip-title{color:#111827;margin:0 0 2px;font-size:15px;font-weight:800}.support-strip-desc{color:#6b7280;margin:0;font-size:12.5px}.support-strip-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-support-chat{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2563eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-support-chat:hover{background:#eff6ff}.btn-support-phone{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2563eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-support-phone:hover{background:#eff6ff}.activate-right-col{position:sticky;top:90px}.activate-checkout-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:20px;padding:26px 22px;display:flex;box-shadow:0 4px 20px #0000000a}.checkout-section-title{color:#111827;letter-spacing:-.01em;margin:0 0 12px;font-size:17px;font-weight:800}.checkout-plan-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.plan-box-left{align-items:flex-start;gap:12px;display:flex}.plan-box-gem-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 6px #0596691a}.plan-box-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.plan-box-name{color:#111827;margin:0;font-size:15.5px;font-weight:800}.plan-box-badge{color:#fff;background:#059669;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.plan-box-desc{color:#047857;margin:0;font-size:12px;line-height:1.4}.plan-box-price-row{border-top:1px solid #a7f3d099;justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;display:flex}.plan-box-price{color:#111827;font-size:20px;font-weight:800}.btn-change-plan-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-change-plan-link:hover{color:#1d4ed8;text-decoration:underline}.payment-options-list{flex-direction:column;gap:9px;display:flex}.payment-option-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.payment-option-item:hover{background:#f8fafc;border-color:#cbd5e1}.payment-option-item.selected{background:#fff;border-color:#0284c7}.payment-radio-wrap{align-items:center;gap:10px;display:flex}.payment-radio-wrap input[type=radio]{accent-color:#0284c7;width:17px;height:17px}.payment-label-text{color:#1f2937;font-size:13.5px;font-weight:600}.payment-brand-logos{align-items:center;gap:8px;display:flex}.brand-logo-visa{color:#1a1f71;letter-spacing:.04em;font-size:13px;font-style:italic;font-weight:900}.brand-logo-mastercard{align-items:center;width:24px;height:15px;display:inline-flex;position:relative}.brand-logo-mastercard .circle-red{background:#eb001b;border-radius:50%;width:15px;height:15px;position:absolute;left:0}.brand-logo-mastercard .circle-orange{opacity:.88;background:#f79e1b;border-radius:50%;width:15px;height:15px;position:absolute;right:0}.brand-logo-jcb{background:linear-gradient(135deg,#0079c1 33%,#e60012 33% 66%,#00873c 66%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;border:1px solid #d1d5db;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:900}.brand-logo-momo{color:#fff;background:#a50064;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.brand-logo-zalopay{color:#008fe5;font-size:11px;font-weight:800}.payment-sub-card-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;margin-top:-2px;padding:12px 14px;display:flex}.payment-sub-info-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-top:-2px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.sub-field{flex-direction:column;gap:4px;display:flex}.sub-field label{color:#64748b;font-size:11.5px;font-weight:600}.sub-input-wrap{align-items:center;display:flex;position:relative}.sub-icon{color:#94a3b8;position:absolute;left:10px}.sub-input-wrap input{padding-left:32px!important}.sub-field input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:all .2s}.sub-field input:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691f}.sub-field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkout-checkbox-label{color:#4b5563;cursor:pointer;align-items:flex-start;gap:8px;margin-top:2px;font-size:12px;line-height:1.45;display:flex}.btn-checkout-activate{color:#fff;cursor:pointer;background:#00875a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:13px 20px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #00875a47}.btn-checkout-activate:hover{background:#00704a;transform:translateY(-1px);box-shadow:0 6px 18px #00875a59}.btn-checkout-activate:disabled{opacity:.7;cursor:not-allowed}.checkout-ssl-seal{color:#6b7280;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}@media (width<=1100px){.activate-main-grid{grid-template-columns:1fr}.activate-right-col{position:static}}@media (width<=768px){.activate-features-quad-grid,.activate-stats-bar{grid-template-columns:repeat(2,1fr)}.activate-support-strip{flex-direction:column;align-items:flex-start}}@media (width<=500px){.activate-hero-title{font-size:28px}.activate-features-quad-grid,.activate-stats-bar{grid-template-columns:1fr}.support-strip-actions{flex-direction:column;width:100%}.btn-support-chat,.btn-support-phone{justify-content:center;width:100%}}.topdoo-company-page{background:#f9fafb;min-height:100vh}.company-hero-section{background:#ebf5ff;flex-direction:column;justify-content:center;width:100%;min-height:520px;padding:24px 0 44px;display:flex;position:relative;overflow:hidden}.company-hero-bg-wrap{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.company-hero-bg-img{object-fit:cover;object-position:right center;width:100%;height:100%}.company-hero-bg-overlay{pointer-events:none;background:linear-gradient(90deg,#fffffff5 0%,#ffffffe6 36%,#fff6 52%,#fff0 70%);position:absolute;inset:0}.company-hero-container{z-index:2;width:100%;position:relative}.company-hero-breadcrumbs{align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:inline-flex}.company-hero-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .2s}.company-hero-breadcrumbs .breadcrumb-link:hover{color:#0284c7}.company-hero-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.company-hero-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.company-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.company-hero-left{flex-direction:column;max-width:680px;display:flex}.company-tag-pill{color:#4b5563;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-block}.company-hero-title{color:#111827;letter-spacing:-.02em;flex-direction:column;margin:0 0 16px;font-size:clamp(28px,2.6vw,38px);font-weight:800;line-height:1.25;display:flex}.company-title-line2{white-space:nowrap;display:inline-block}.company-title-blue{color:#0284c7}.company-hero-desc{color:#4b5563;max-width:530px;margin:0 0 26px;font-size:14.5px;line-height:1.6}.company-hero-actions{align-items:center;gap:14px;display:flex}.btn-company-primary{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0284c740}.btn-company-primary:hover{background:#0369a1;transform:translateY(-1px);box-shadow:0 6px 18px #0284c759}.btn-company-video{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-company-video:hover{background:#f9fafb;border-color:#9ca3af}.btn-video-icon-circle{background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.company-hero-right{justify-content:flex-start;align-items:flex-start;min-height:380px;display:flex;position:relative}.company-script-slogan{color:#334e68;text-shadow:0 1px 2px #fffffff2;z-index:3;pointer-events:none;flex-direction:column;font-family:Caveat,Dancing Script,cursive;font-size:26px;font-weight:700;line-height:1.15;display:flex;position:absolute;top:-8px;left:0;transform:rotate(-6deg)}.company-main-content{padding:32px 0 60px}.company-stats-ribbon{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:36px;padding:18px 24px;display:grid;box-shadow:0 2px 10px #00000005}.company-stat-card{align-items:center;gap:12px;display:flex}.company-stat-card .stat-circle-icon{background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.company-stat-card .stat-number{color:#111827;font-size:19px;font-weight:800;line-height:1.2}.company-stat-card .stat-label{color:#6b7280;margin-top:2px;font-size:11.5px}.company-story-section{margin-bottom:36px}.company-story-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:28px;display:grid}.company-story-title{color:#111827;margin:0 0 6px;font-size:26px;font-weight:800}.company-story-accent-bar{background:#0284c7;border-radius:2px;width:38px;height:3.5px;margin:8px 0 16px}.company-story-desc{color:#4b5563;margin:0 0 20px;font-size:14px;line-height:1.65}.btn-company-outline{color:#0284c7;cursor:pointer;background:#fff;border:1px solid #0284c7;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-company-outline:hover{background:#f0f9ff}.company-team-banner{border:1px solid #e5e7eb;border-radius:18px;height:250px;position:relative;overflow:hidden;box-shadow:0 6px 24px #0000000f}.company-team-img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.team-banner-overlay-gradient{pointer-events:none;background:linear-gradient(90deg,#ffffffe0 0%,#ffffff26 35% 65%,#ffffffe0 100%);position:absolute;inset:0}.team-overlay-left{z-index:2;text-shadow:0 1px 2px #ffffffe6;flex-direction:column;display:flex;position:absolute;top:30px;left:28px}.team-overlay-tag{color:#0369a1;font-size:18px;font-weight:800;line-height:1.2}.team-overlay-title{color:#0c4a6e;font-size:20px;font-weight:800;line-height:1.2}.team-overlay-sub{color:#0284c7;margin-top:2px;font-size:15px;font-weight:700}.team-overlay-right{text-align:right;color:#0f172a;z-index:2;text-shadow:0 1px 2px #ffffffe6;flex-direction:column;font-size:14px;font-weight:700;line-height:1.35;display:flex;position:absolute;top:30px;right:28px}.team-overlay-right .highlight-text{color:#0284c7;font-weight:800}.company-pillars-section{margin-bottom:36px}.company-pillars-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.company-pillar-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:22px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000005}.company-pillar-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.pillar-icon-box{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.pillar-title{color:#111827;margin:0 0 8px;font-size:16px;font-weight:800}.pillar-desc{color:#4b5563;margin:0;font-size:13px;line-height:1.55}.pillar-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pillar-checklist li{color:#1f2937;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.pillar-check-badge{background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.card-founder-quote{background:#eff6ff;border-color:#bfdbfe;justify-content:space-between}.quote-mark-icon{align-items:center;margin-bottom:6px;display:flex}.founder-quote-text{color:#1e3a8a;margin:0 0 14px;font-size:12.5px;font-weight:500;line-height:1.5}.founder-info-row{align-items:center;gap:10px;display:flex}.founder-avatar-img{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 2px 6px #0000001a}.founder-name{color:#111827;margin:0;font-size:13.5px;font-weight:800}.founder-role{color:#6b7280;font-size:11.5px}.company-journey-section{margin-bottom:36px}.company-journey-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:20px;display:grid}.company-timeline-card,.company-partners-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:185px;padding:22px 24px;display:flex;box-shadow:0 2px 8px #00000005}.journey-block-title{color:#111827;margin:0;font-size:16.5px;font-weight:800}.timeline-horizontal-track{margin:22px 6px 10px;position:relative}.timeline-line-rail{z-index:1;background:#0284c7;height:2px;position:absolute;top:7px;left:20px;right:20px}.timeline-nodes-row{z-index:2;justify-content:space-between;display:flex;position:relative}.timeline-node-item{cursor:pointer;text-align:center;flex-direction:column;align-items:center;max-width:95px;transition:all .2s;display:flex}.timeline-dot-circle{background:#0284c7;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin-bottom:8px;transition:all .2s;box-shadow:0 0 0 1.5px #0284c7}.timeline-node-item:hover .timeline-dot-circle,.timeline-node-item.selected .timeline-dot-circle{background:#0369a1;transform:scale(1.15);box-shadow:0 0 0 3px #0284c74d}.timeline-year{color:#111827;margin-bottom:3px;font-size:13px;font-weight:800}.timeline-sub-title{color:#6b7280;font-size:10.5px;line-height:1.3}.partners-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.btn-partners-view-all{color:#0284c7;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12.5px;font-weight:700;transition:gap .2s;display:inline-flex}.btn-partners-view-all:hover{gap:7px}.company-partners-grid{grid-template-columns:repeat(4,1fr);align-items:center;gap:10px;display:grid}.partner-logo-box{background:#fafafa;border:1px solid #f1f5f9;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:46px;padding:0 6px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.partner-logo-box:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.partner-name-vcb{color:#006241;font-size:11px;font-weight:800}.partner-symbol-vcb{color:#00843d;font-size:10px}.partner-name-fpt{font-size:13px;font-weight:900}.partner-name-fpt .fpt-orange{color:#f37021}.partner-name-fpt .fpt-blue{color:#0054a6}.partner-name-fpt .fpt-green{color:#00904b}.partner-name-samsung{color:#1428a0;letter-spacing:.03em;font-size:10.5px;font-weight:900}.partner-name-shopee{color:#ee4d2d;font-size:11.5px;font-weight:800}.partner-symbol-shopee{font-size:12px}.partner-name-mb{color:#004899;font-size:11px;font-weight:800}.partner-symbol-mb{color:#004899;font-size:12px}.partner-name-vng{color:#f50;letter-spacing:-.01em;font-size:13px;font-weight:900}.partner-name-pnj{color:#002d72;font-size:12px;font-weight:900}.partner-symbol-pnj{font-size:11px}.partner-name-grab{color:#00b14f;font-size:13px;font-style:italic;font-weight:900}.company-bottom-cta-banner{background:linear-gradient(135deg,#0284c7 0%,#1d4ed8 50%,#2563eb 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #2563eb33}.cta-banner-content{z-index:2;justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 150px);display:flex}.cta-banner-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:800}.cta-banner-desc{color:#ffffffe6;max-width:520px;margin:0;font-size:13px;line-height:1.5}.cta-banner-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-cta-careers{color:#1d4ed8;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0000001a}.btn-cta-careers:hover{background:#f8fafc;transform:translateY(-1px)}.btn-cta-partner{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #fffc;border-radius:10px;align-items:center;gap:6px;padding:11px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-cta-partner:hover{background:#ffffff1f;border-color:#fff}.cta-globe-illustration{pointer-events:none;z-index:1;opacity:.85;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.cta-script-slogan{color:#fffffff2;text-align:center;text-shadow:0 2px 10px #0003;z-index:3;pointer-events:none;flex-direction:column;font-family:Caveat,Dancing Script,cursive;font-size:32px;font-weight:700;line-height:1.1;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)rotate(-6deg)}.nav-link-btn.active-company-pill{align-items:center;gap:4px;display:inline-flex;color:#0284c7!important;background:#e0f2fe!important;border-radius:8px!important;padding:6px 14px!important;font-weight:600!important}.nav-link-btn.active-company-pill svg{color:#0284c7!important}.nav-link-btn.active-company-pill:after{display:none!important}.company-video-dialog{max-width:640px}.company-video-wrapper{background:#0f172a;border-radius:14px;margin:12px 0;overflow:hidden}.video-player-mock{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex;position:relative}.video-overlay-pulse{cursor:pointer;background:#0284c7d9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex;box-shadow:0 0 0 10px #0284c740}.video-overlay-pulse:hover{background:#0284c7;transform:scale(1.08)}.video-bottom-controls{background:linear-gradient(#0000,#000c);padding:10px 16px;position:absolute;bottom:0;left:0;right:0}.video-track-bar{background:#fff3;border-radius:2px;height:4px;margin-bottom:8px;display:block;position:relative}.video-progress-fill{background:#0284c7;border-radius:2px;width:52%;position:absolute;top:0;bottom:0;left:0}.video-time-row{color:#e2e8f0;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.company-modal-form{text-align:left;flex-direction:column;gap:14px;margin-top:14px;display:flex}.company-modal-form .form-group-item{flex-direction:column;gap:6px;display:flex}.company-modal-form label{color:#1f2937;font-size:12.5px;font-weight:700}.company-modal-form input,.company-modal-form select,.company-modal-form textarea{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.company-modal-form input:focus,.company-modal-form select:focus,.company-modal-form textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.form-row-2cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=1024px){.company-hero-grid{grid-template-columns:1fr}.company-stats-ribbon{grid-template-columns:repeat(3,1fr)}.company-story-grid{grid-template-columns:1fr}.company-pillars-grid{grid-template-columns:repeat(2,1fr)}.company-journey-grid{grid-template-columns:1fr}.company-bottom-cta-banner{flex-direction:column;align-items:flex-start}.cta-banner-content{flex-direction:column;align-items:flex-start;width:100%}.cta-script-slogan{align-self:flex-end;margin-top:16px;position:static;transform:none}}@media (width<=768px){.company-stats-ribbon{grid-template-columns:repeat(2,1fr)}.company-pillars-grid{grid-template-columns:1fr}.company-partners-grid{grid-template-columns:repeat(2,1fr)}.company-hero-title{font-size:30px}}@media (width<=640px){.company-title-line2{white-space:normal}}.topdoo-developer-page{background:#fff;min-height:100vh}.dev-main-content{padding-top:48px;padding-bottom:72px}.dev-hero-section{background:#f8fafc;flex-direction:column;justify-content:center;width:100%;min-height:520px;padding:24px 0 44px;display:flex;position:relative;overflow:hidden}.dev-hero-bg-wrap{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.dev-hero-bg-img{object-fit:cover;object-position:right center;width:100%;height:100%}.dev-hero-bg-overlay{pointer-events:none;background:linear-gradient(90deg,#fffffffc 0%,#fffffff0 28%,#ffffff73 42%,#fff0 56%);position:absolute;inset:0}.dev-hero-container{z-index:2;width:100%;position:relative}.dev-hero-breadcrumbs{align-items:center;gap:8px;margin-bottom:22px;font-size:13px;display:inline-flex}.dev-hero-breadcrumbs .breadcrumb-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .2s}.dev-hero-breadcrumbs .breadcrumb-link:hover{color:#6d28d9}.dev-hero-breadcrumbs .breadcrumb-arrow{color:#94a3b8}.dev-hero-breadcrumbs .breadcrumb-current{color:#0f172a;font-weight:600}.dev-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}.dev-hero-left{flex-direction:column;max-width:580px;display:flex}.dev-tag-pill{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#6d28d9;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #6d28d940}.dev-tag-icon{stroke-width:2.5px}.dev-hero-title{color:#0f172a;letter-spacing:-.025em;flex-direction:column;margin:0 0 16px;font-size:clamp(34px,3.2vw,46px);font-weight:800;line-height:1.2;display:flex}.dev-hero-gradient-text{background:linear-gradient(90deg,#2563eb 0%,#6366f1 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dev-hero-desc{color:#475569;max-width:440px;margin:0 0 24px;font-size:14.5px;line-height:1.6}.dev-hero-actions{align-items:center;gap:14px;margin-bottom:24px;display:flex}.btn-dev-primary{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 18px #6d28d952}.btn-dev-primary:hover{background:#5b21b6;transform:translateY(-1px);box-shadow:0 8px 24px #6d28d966}.btn-dev-secondary{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-dev-secondary:hover{color:#6d28d9;background:#f8fafc;border-color:#6d28d9}.dev-trust-pills{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.dev-trust-pill-item{color:#334155;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.dev-check-circle{color:#fff;background:#6d28d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.dev-hero-right{min-height:380px}.dev-section{margin-bottom:56px}.dev-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.dev-section-header-left{flex-direction:column;display:flex}.dev-section-title{color:#0f172a;letter-spacing:-.015em;margin:0 0 6px;font-size:22px;font-weight:800}.dev-section-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.dev-section-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.dev-section-link-btn:hover{color:#1d4ed8;transform:translate(3px)}.dev-core-values-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.dev-value-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #00000005}.dev-value-card:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 12px 28px #6d28d91a}.dev-value-icon-box{background:#ede9fe;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.dev-value-title{color:#0f172a;margin:0 0 8px;font-size:15.5px;font-weight:700}.dev-value-desc{color:#64748b;flex:1;margin:0 0 18px;font-size:13px;line-height:1.55}.dev-value-arrow-circle{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:28px;height:28px;margin-top:auto;transition:all .25s;display:flex}.dev-value-card:hover .dev-value-arrow-circle{color:#fff;background:#2563eb;border-color:#2563eb;transform:translate(3px)}.dev-section-header-simple{margin-bottom:20px}.dev-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dev-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 1px 4px #00000005}.dev-stat-card:hover{border-color:#ddd6fe;transform:translateY(-2px)}.dev-stat-icon-box{background:#ede9fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dev-stat-info{flex-direction:column;display:flex}.dev-stat-number{color:#0f172a;margin-bottom:2px;font-size:19px;font-weight:800;line-height:1.2}.dev-stat-label{color:#64748b;font-size:12.5px;font-weight:500}.dev-promo-dual-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:22px;display:grid}.dev-testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 2px 10px #00000005}.dev-testimonial-avatar-wrap{border-radius:12px;flex-shrink:0;width:124px;height:144px;overflow:hidden}.dev-testimonial-avatar{object-fit:cover;width:100%;height:100%}.dev-testimonial-body{flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.dev-quote-symbol{opacity:.8;align-self:flex-end;margin-bottom:-10px}.dev-testimonial-quote{color:#334155;margin:4px 0 14px;font-size:13.5px;font-weight:500;line-height:1.6}.dev-testimonial-author{flex-direction:column;display:flex}.dev-author-name{color:#0f172a;font-size:13.5px;font-weight:700}.dev-author-role{color:#64748b;font-size:12px}.dev-gradient-cta-banner{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 45%,#6366f1 80%,#7c3aed 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #4f46e540}.dev-cta-content-left{z-index:2;max-width:320px}.dev-cta-headline{color:#fff;margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.3}.dev-cta-subtext{color:#e0e7ff;margin:0 0 18px;font-size:13px;line-height:1.45}.btn-dev-cta-white{color:#4338ca;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0000001f}.btn-dev-cta-white:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 18px #ffffff4d}.dev-cta-artwork-right{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.dev-iso-stack-container{justify-content:center;align-items:center;width:140px;height:120px;display:flex;position:relative}.dev-iso-svg{filter:drop-shadow(0 12px 20px #00000040)}.dev-iso-float-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #fff6;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;animation:3s ease-in-out infinite alternate floatSubtle;display:flex;position:absolute;box-shadow:0 4px 10px #00000026}.tag-cloud{animation-delay:.2s;top:10px;right:12px}.tag-gear{animation-delay:.8s;bottom:16px;right:6px}.tag-code{animation-delay:1.4s;bottom:14px;left:10px}@keyframes floatSubtle{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.dev-cta-cursive-slogan{color:#fff;text-shadow:0 2px 10px #0003;text-align:left;letter-spacing:.02em;flex-direction:column;margin-left:8px;font-family:Caveat,Dancing Script,cursive,sans-serif;font-size:26px;font-weight:700;line-height:1.05;display:flex;transform:rotate(-5deg)}.dev-partners-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.dev-partners-strip{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.dev-partner-logo-item{cursor:pointer;opacity:.88;align-items:center;gap:8px;transition:transform .2s,opacity .2s;display:inline-flex}.dev-partner-logo-item:hover{opacity:1;transform:translateY(-2px)}.dev-partner-vcb{color:#00843d;letter-spacing:-.02em;font-size:15px;font-weight:800}.dev-partner-fpt{letter-spacing:-.02em;align-items:center;font-size:18px;font-weight:900;display:inline-flex}.dev-partner-fpt .fpt-orange{color:#f26f21}.dev-partner-fpt .fpt-blue{color:#005a9c}.dev-partner-fpt .fpt-green{color:#094}.dev-partner-viettel{color:#e03;letter-spacing:-.03em;font-family:sans-serif;font-size:18px;font-weight:900}.dev-partner-vng{color:#f60;letter-spacing:-.03em;font-size:18px;font-weight:900}.dev-partner-mb{color:#004899;font-size:15px;font-weight:800}.dev-partner-shopee{color:#ee4d2d;font-size:15px;font-weight:700}.dev-partner-samsung{letter-spacing:.08em;color:#0c2340;font-size:15px;font-weight:900}.dev-partner-pnj{color:#002d72;letter-spacing:.05em;font-size:15px;font-weight:800}.dev-quickstart-dialog{max-width:660px}.dev-modal-title-wrap{align-items:center;gap:12px;display:flex}.dev-modal-icon-badge{background:#ede9fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dev-quickstart-body{padding:20px 24px}.dev-code-tabs{border-bottom:1px solid #e2e8f0;gap:8px;margin-bottom:14px;padding-bottom:8px;display:flex}.dev-code-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.dev-code-tab:hover{color:#0f172a;background:#f1f5f9}.dev-code-tab.active{color:#6d28d9;background:#ede9fe}.dev-code-window{background:#0f172a;border-radius:12px;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 24px #0003}.dev-code-window-top{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.dev-window-dots{gap:6px;display:flex}.dev-window-dots .dot{border-radius:50%;width:10px;height:10px}.dev-window-dots .dot-red{background:#ef4444}.dev-window-dots .dot-yellow{background:#f59e0b}.dev-window-dots .dot-green{background:#10b981}.dev-code-lang-label{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:12px}.dev-code-copy-btn{color:#f8fafc;cursor:pointer;background:#334155;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:all .2s;display:inline-flex}.dev-code-copy-btn:hover{background:#475569}.dev-code-content{color:#e2e8f0;margin:0;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;overflow-x:auto}.dev-quickstart-footer{flex-direction:column;gap:14px;display:flex}.dev-free-tier-info{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.dev-modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-dev-modal-secondary{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.btn-dev-modal-primary{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #6d28d940}.btn-dev-modal-primary:hover{background:#5b21b6}.dev-features-dialog{max-width:680px}.dev-features-grid-modal{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 24px;display:grid}.dev-feature-modal-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:12px;display:flex}.dev-modal-feat-icon{background:#ede9fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dev-modal-feat-title{color:#0f172a;margin:0 0 3px;font-size:13.5px;font-weight:700}.dev-modal-feat-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}.dev-modal-bottom-bar{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px 24px;display:flex}.dev-partners-dialog{max-width:620px}.dev-partners-modal-list{padding:20px 24px}.dev-partners-modal-intro{color:#475569;margin:0 0 18px;font-size:13.5px;line-height:1.6}.dev-partners-modal-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dev-partner-modal-item{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}@media (width<=1024px){.dev-core-values-grid,.dev-stats-grid{grid-template-columns:repeat(2,1fr)}.dev-promo-dual-grid,.dev-hero-grid{grid-template-columns:1fr}.dev-hero-bg-overlay{background:linear-gradient(90deg,#fffffff5 0%,#ffffffe0 60%,#fff9 100%)}.dev-hero-right{display:none}}@media (width<=768px){.dev-hero-left,.dev-hero-desc{max-width:100%}.dev-trust-pills{white-space:normal;flex-wrap:wrap;gap:10px 16px}.dev-hero-bg-overlay{background:linear-gradient(#fffffff5 0%,#ffffffe6 60%,#ffffffbf 100%)}.dev-partners-strip{grid-template-columns:repeat(4,1fr);justify-items:center;gap:16px;display:grid}.dev-gradient-cta-banner{flex-direction:column;align-items:flex-start;gap:24px;padding:32px 24px}.dev-cta-artwork-right{align-self:center}.dev-features-grid-modal{grid-template-columns:1fr}}@media (width<=640px){.dev-hero-breadcrumbs{flex-wrap:wrap;row-gap:4px}.dev-hero-title{font-size:32px;line-height:1.25}.dev-hero-actions{flex-direction:column;gap:12px;width:100%}.dev-hero-actions .btn-dev-primary,.dev-hero-actions .btn-dev-secondary{justify-content:center;width:100%}}@media (width<=480px){.dev-core-values-grid,.dev-stats-grid{grid-template-columns:1fr}.dev-partners-strip{grid-template-columns:repeat(2,1fr)}.dev-testimonial-card{flex-direction:column;align-items:flex-start}.dev-testimonial-avatar-wrap{width:100%;height:180px}}.topdoo-dev-auth-page{background:#f8fafc;min-height:100vh}.dev-auth-main{background:radial-gradient(circle at 12% 18%,#7c3aed0f 0%,#0000 45%),radial-gradient(circle at 88% 75%,#2563eb0d 0%,#0000 45%),#f8fafc;min-height:calc(100vh - 72px);padding:48px 0 64px;position:relative}.dev-auth-container{max-width:1240px;margin:0 auto;padding:0 24px}.dev-auth-grid{grid-template-columns:1.15fr 1fr;align-items:flex-start;gap:56px;display:grid}.dev-auth-left{flex-direction:column;display:flex}.dev-auth-tag-pill{align-items:center;gap:12px;margin-bottom:20px;display:inline-flex}.dev-auth-tag-icon-box{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 14px #7c3aed47}.dev-auth-tag-text{flex-direction:column;display:flex}.dev-auth-tag-title{color:#6d28d9;letter-spacing:.8px;font-size:13.5px;font-weight:800;line-height:1.25}.dev-auth-tag-subtitle{color:#64748b;font-size:13px;font-weight:500;line-height:1.35}.dev-auth-hero-title{color:#0f172a;letter-spacing:-.8px;margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.16}.dev-auth-gradient-text{background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 55%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.dev-auth-hero-desc{color:#475569;max-width:530px;margin:0 0 26px;font-size:14.5px;line-height:1.65}.dev-auth-features-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px;display:grid}.dev-auth-feature-item{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.dev-auth-feature-icon{color:#7c3aed;background:#f3e8ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.dev-auth-feature-item:hover .dev-auth-feature-icon{background:#ede9fe;transform:translateY(-2px);box-shadow:0 6px 14px #7c3aed33}.dev-auth-feature-label{color:#1e293b;white-space:nowrap;font-size:12.5px;font-weight:600}.dev-auth-illustration-wrap{background:#f1f3fd;border-radius:22px;justify-content:center;align-items:center;width:100%;height:400px;margin-bottom:28px;display:flex;position:relative;overflow:hidden}.dev-auth-illustration-wrap:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#f8fafcb3 0%,#0000 100%);height:50px;position:absolute;top:0;left:0;right:0}.dev-auth-illustration-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;display:block}.dev-auth-cursive-text{color:#6d28d9;pointer-events:none;z-index:2;text-shadow:0 2px 10px #fffffff2,0 0 16px #ffffffd9;font-family:Caveat,Dancing Script,cursive,sans-serif;font-size:36px;font-weight:700;line-height:1.05;position:absolute;bottom:22px;left:20px;transform:rotate(-9deg)}.dev-auth-cursive-text span{margin-top:-4px;display:inline-block}.dev-auth-stats-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dev-auth-stat-item{align-items:center;gap:12px;display:flex}.dev-auth-stat-icon{color:#fff;background:#7c3aed;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #7c3aed38}.dev-auth-stat-info{flex-direction:column;display:flex}.dev-auth-stat-number{color:#0f172a;font-size:16px;font-weight:800;line-height:1.2}.dev-auth-stat-label{color:#64748b;font-size:12px;font-weight:500}.dev-auth-right{width:100%;max-width:490px}.dev-auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px 36px 32px;position:relative;box-shadow:0 16px 40px -12px #0000000f,0 0 1px 1px #00000005}.dev-auth-card-top{justify-content:flex-end;align-items:center;margin-bottom:8px;display:flex}.dev-auth-logo-badge{align-items:center;gap:7px;display:inline-flex}.dev-auth-logo-text{color:#0f172a;letter-spacing:-.3px;font-size:15px;font-weight:800}.dev-auth-card-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.dev-auth-card-subtitle{color:#64748b;margin:0 0 24px;font-size:13.5px;line-height:1.45}.dev-auth-tabs{border-bottom:1px solid #e2e8f0;gap:28px;margin-bottom:24px;display:flex}.dev-auth-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.dev-auth-tab-btn:hover{color:#0f172a}.dev-auth-tab-btn.active{color:#2563eb;font-weight:600}.dev-auth-tab-btn.active:after{content:"";background:#2563eb;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.dev-auth-form{flex-direction:column;display:flex}.dev-auth-field{text-align:left;margin-bottom:18px}.dev-auth-field label{color:#1e293b;margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.dev-auth-input-wrap{align-items:center;width:100%;display:flex;position:relative}.dev-auth-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.dev-auth-input-wrap input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;padding:0 42px;font-size:14px;transition:all .2s}.dev-auth-input-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.dev-auth-input-wrap input::placeholder{color:#94a3b8}.dev-auth-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.dev-auth-eye-btn:hover{color:#475569}.dev-auth-field-hint{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4}.dev-auth-row-options{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13.5px;display:flex}.dev-auth-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.dev-auth-checkbox-input{display:none}.dev-auth-custom-checkbox{background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:inline-flex}.dev-auth-checkbox-input:checked+.dev-auth-custom-checkbox{color:#fff;background:#2563eb;border-color:#2563eb}.dev-auth-checkbox-text{color:#334155;font-size:13.5px;font-weight:500}.dev-auth-link-forgot{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:500;transition:color .15s}.dev-auth-link-forgot:hover{color:#1d4ed8;text-decoration:underline}.dev-auth-terms-row{margin-bottom:20px}.link-inline{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.btn-dev-auth-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-dev-auth-submit:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.btn-dev-auth-submit:disabled{opacity:.7;cursor:not-allowed}.dev-auth-loading-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.dev-auth-divider{text-align:center;color:#64748b;align-items:center;margin:22px 0;font-size:12.5px;display:flex}.dev-auth-divider-line{background:#e2e8f0;flex:1;height:1px}.dev-auth-divider-text{white-space:nowrap;padding:0 14px}.dev-auth-social-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.btn-dev-auth-social{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.btn-dev-auth-social:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.dev-auth-switch-mode{text-align:center;color:#64748b;margin-bottom:22px;font-size:13.5px}.btn-link-switch-auth{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-weight:600;transition:color .15s}.btn-link-switch-auth:hover{color:#1d4ed8;text-decoration:underline}.dev-auth-security-box{text-align:left;background:#f0f7ff;border:1px solid #e0f2fe;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.dev-auth-security-icon-circle{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-auth-security-content{flex-direction:column;display:flex}.dev-auth-security-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700}.dev-auth-security-text{color:#64748b;font-size:12px;line-height:1.45}.dev-auth-footer-links{color:#64748b;justify-content:center;align-items:center;gap:14px;margin-top:24px;font-size:13px;display:flex}.dev-auth-footer-links button{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;transition:color .2s}.dev-auth-footer-links button:hover{color:#0f172a}.dev-auth-link-sep{color:#cbd5e1;font-size:12px}.dev-auth-reset-modal{max-width:440px}.dev-auth-modal-icon-badge{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-auth-reset-success{text-align:center;padding:16px 0}.dev-auth-reset-success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.dev-auth-reset-success h4{color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:700}.dev-auth-reset-success p{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}@media (width<=1024px){.dev-auth-grid{grid-template-columns:1fr;gap:48px}.dev-auth-right{max-width:520px;margin:0 auto}}@media (width<=640px){.dev-auth-main{padding:32px 0 48px}.dev-auth-hero-title{font-size:32px}.dev-auth-features-row{grid-template-columns:repeat(2,1fr);gap:12px}.dev-auth-stats-row{grid-template-columns:1fr;gap:12px}.dev-auth-card{border-radius:20px;padding:24px 20px}.dev-auth-social-row{grid-template-columns:1fr;gap:8px}.dev-auth-footer-links{flex-wrap:wrap;gap:10px}.dev-auth-cursive-text{font-size:28px;bottom:16px;left:16px}}.mkt-auth-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s forwards mktFadeIn;display:flex;position:fixed;inset:0}.mkt-auth-modal-dialog{box-sizing:border-box;background:#fff;border-radius:24px;width:100%;max-width:470px;padding:28px 32px;animation:.22s cubic-bezier(.16,1,.3,1) forwards mktScaleUp;position:relative;box-shadow:0 25px 60px -12px #0f172a47,0 0 0 1px #0000000d}@keyframes mktFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mktScaleUp{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.mkt-auth-top-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mkt-auth-logo{align-items:center;gap:8px;display:flex}.mkt-auth-logo-img{object-fit:cover;border-radius:7px;width:28px;height:28px;box-shadow:0 2px 6px #2563eb2e}.mkt-auth-logo-text{letter-spacing:-.02em;color:#0f172a;font-size:18px;font-weight:800}.mkt-auth-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.mkt-auth-close-btn:hover{color:#0f172a;background:#f1f5f9}.mkt-auth-title-section{text-align:center;margin-bottom:20px}.mkt-auth-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:700}.mkt-auth-subtitle-bold{color:#1e293b;margin:0 0 3px;font-size:14.5px;font-weight:600}.mkt-auth-subtitle-sub{color:#64748b;margin:0;font-size:13px;line-height:1.4}.mkt-auth-tabs{border-bottom:1px solid #e2e8f0;justify-content:center;gap:28px;margin-bottom:20px;display:flex}.mkt-auth-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px 10px;font-size:13.5px;font-weight:500;transition:all .18s;position:relative}.mkt-auth-tab:hover{color:#1e293b}.mkt-auth-tab.active{color:#2563eb;border-bottom:2.5px solid #2563eb;margin-bottom:-1px;font-weight:600}.mkt-auth-form{flex-direction:column;display:flex}.mkt-form-group{text-align:left;margin-bottom:14px}.mkt-form-label{color:#1e293b;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.mkt-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.mkt-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.mkt-form-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:44px;padding:0 14px 0 42px;font-size:14px;transition:all .18s}.mkt-form-input::placeholder{color:#94a3b8}.mkt-form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.mkt-password-input{padding-right:44px}.mkt-password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.mkt-password-toggle-btn:hover{color:#475569}.mkt-form-options{justify-content:space-between;align-items:center;margin:4px 0 18px;font-size:13px;display:flex}.mkt-form-options.register-terms{margin:6px 0 18px}.mkt-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.mkt-hidden-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mkt-custom-checkbox{background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.mkt-custom-checkbox.checked{color:#fff;background:#0084ff;border-color:#0084ff}.mkt-forgot-password-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.mkt-forgot-password-link:hover{color:#1d4ed8;text-decoration:underline}.mkt-submit-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 14px #0084ff47}.mkt-submit-btn:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 6px 18px #0084ff61}.mkt-submit-btn:active{transform:translateY(0)}.mkt-submit-btn:disabled{opacity:.7;cursor:not-allowed}.mkt-sso-desc{color:#64748b;text-align:left;margin:0 0 20px;font-size:13px;line-height:1.5}.mkt-auth-divider{align-items:center;margin:22px 0 18px;display:flex}.mkt-divider-line{background:#e2e8f0;flex:1;height:1px}.mkt-divider-text{color:#64748b;white-space:nowrap;padding:0 14px;font-size:12.5px}.mkt-social-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.mkt-social-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex}.mkt-social-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000a}.mkt-social-icon{flex-shrink:0}.mkt-auth-footer{text-align:center;color:#475569;padding-top:4px;font-size:13.5px}.mkt-auth-switch-text{margin:0}.mkt-switch-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 0 0 4px;font-size:13.5px;font-weight:600;transition:color .15s;display:inline-flex}.mkt-switch-link:hover{color:#1d4ed8;text-decoration:underline}.mkt-switch-link .inline-icon{transition:transform .15s}.mkt-switch-link:hover .inline-icon{transform:translate(2px)}@media (width<=480px){.mkt-auth-modal-dialog{border-radius:20px;padding:24px 20px}.mkt-auth-title{font-size:22px}.mkt-social-grid{grid-template-columns:1fr;gap:8px}.mkt-auth-tabs{gap:16px}}.mkt-trial-modal-dialog{box-sizing:border-box;background:#fff;border-radius:24px;grid-template-columns:1.05fr 1fr;width:100%;max-width:920px;animation:.22s cubic-bezier(.16,1,.3,1) forwards mktScaleUp;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px -12px #0f172a4d,0 0 0 1px #0000000d}.trial-modal-left{background:linear-gradient(#f0f7ff 0%,#e8f2fd 50%,#f5f9ff 100%);border-right:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;padding:28px 28px 22px;display:flex;position:relative}.trial-left-top{flex-direction:column;display:flex}.trial-logo-badge-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.trial-pill-badge{color:#0284c7;background:#e0f2fe;border:1px solid #0284c733;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.trial-badge-icon{color:#0284c7}.trial-hero-heading{color:#0f172a;letter-spacing:-.02em;text-align:left;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.25}.trial-hero-sub{color:#475569;text-align:left;margin:0 0 8px;font-size:13px;line-height:1.45}.trial-art-showcase{border-radius:12px;justify-content:center;align-items:center;width:100%;height:280px;margin:2px 0 6px;display:flex;position:relative;overflow:hidden}.trial-art-img{object-fit:cover;object-position:center 65%;filter:drop-shadow(0 4px 12px #2563eb1f);width:100%;height:100%}.trial-stats-bar{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.trial-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex;box-shadow:0 1px 3px #00000008}.trial-stat-icon-wrap{color:#0284c7;background:#e0f2fe;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.trial-stat-text{color:#334155;font-size:10.5px;font-weight:600;line-height:1.2}.trial-modal-right{background:#fff;flex-direction:column;padding:28px 32px 24px;display:flex;position:relative}.trial-close-btn{color:#64748b;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:20px;right:20px}.trial-close-btn:hover{color:#0f172a;background:#f1f5f9}.trial-form-header{text-align:left;margin-bottom:12px;padding-right:28px}.trial-form-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 3px;font-size:21px;font-weight:700}.trial-form-subtitle{color:#64748b;margin:0;font-size:13px}.trial-form-body{flex-direction:column;display:flex}.required-star{color:#ef4444;margin-left:2px;font-weight:700}.trial-benefits-list{text-align:left;flex-direction:column;gap:7px;margin:10px 0 14px;display:flex}.trial-benefit-row{color:#334155;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.trial-check-badge{color:#fff;background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.trial-submit-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 14px #0084ff47}.trial-submit-btn:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 6px 18px #0084ff61}.trial-submit-btn:active{transform:translateY(0)}.trial-submit-btn:disabled{opacity:.7;cursor:not-allowed}.trial-terms-notice{color:#94a3b8;text-align:center;margin:10px 0 0;font-size:11px;line-height:1.45}.trial-terms-notice a{color:#2563eb;text-decoration:none}.trial-terms-notice a:hover{text-decoration:underline}@media (width<=860px){.mkt-trial-modal-dialog{grid-template-columns:1fr;max-width:480px;max-height:90vh;overflow-y:auto}.trial-modal-left{border-bottom:1px solid #e2e8f0;border-right:none;padding:20px}.trial-art-showcase{height:180px}.trial-modal-right{padding:20px}}.trial-welcome-root{color:#0f172a;min-height:100vh;font-family:var(--font-sans);background-color:#f8fafc;flex-direction:column;display:flex}.trial-welcome-main{flex:1;padding:24px 24px 60px}.trial-welcome-container{flex-direction:column;gap:28px;max-width:1140px;margin:0 auto;display:flex}.trial-subnav-bar{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.trial-back-btn{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.trial-back-btn:hover{color:#06c;transform:translate(-3px)}.trial-welcome-toast-pill{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:6px 18px;font-size:13.5px;font-weight:500;display:inline-flex;box-shadow:0 1px 3px #0000000a}.toast-party-emoji{font-size:16px}.trial-stepper-wrap{align-items:center;gap:20px;padding:4px 0;display:flex}.trial-step-item{align-items:center;gap:12px;display:flex}.trial-step-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.trial-step-circle.done{color:#fff;background:#059669}.trial-step-circle.active{color:#fff;background:#0084ff}.trial-step-text{flex-direction:column;line-height:1.35;display:flex}.trial-step-title{color:#0f172a;font-size:14px;font-weight:700}.trial-step-sub{color:#64748b;font-size:12px}.trial-step-divider{background:#cbd5e1;width:80px;height:1px}.trial-hero-banner-card{background:#e8f4fe url(/bannerHello.png) 100%/cover no-repeat;border:1px solid #bfdbfe99;border-radius:24px;padding:48px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0054ff0f}.trial-hero-content-col{z-index:2;flex-direction:column;align-items:flex-start;max-width:580px;display:flex;position:relative}.trial-hero-check-badge{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;display:flex;box-shadow:0 6px 16px #0596694d}.trial-hero-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:800;line-height:1.25}.trial-hero-title .highlight-emerald{color:#059669}.trial-hero-title .highlight-blue{color:#2563eb}.trial-hero-desc{color:#475569;margin-bottom:24px;font-size:14.5px;line-height:1.65}.trial-summary-box{-webkit-backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:28px;padding:16px 22px;display:flex;box-shadow:0 4px 16px #0000000a}.trial-summary-left{align-items:center;gap:14px;display:flex}.trial-calendar-icon-wrap{background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.trial-calendar-details{flex-direction:column;gap:2px;display:flex}.trial-cal-label{color:#64748b;font-size:12px;font-weight:500}.trial-cal-days{color:#2563eb;font-size:18px;font-weight:800;line-height:1.2}.trial-cal-dates{color:#64748b;font-size:12px;font-weight:500}.trial-summary-right{flex-direction:column;gap:6px;display:flex}.trial-perk-row{color:#1e293b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.trial-small-check{color:#fff;background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.trial-hero-action-buttons{align-items:center;gap:14px;display:flex}.trial-btn-primary-action{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:10px;align-items:center;gap:8px;height:46px;padding:0 24px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 14px #0084ff52}.trial-btn-primary-action:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 6px 18px #0084ff6b}.trial-btn-primary-action:active{transform:translateY(0)}.trial-btn-outline-action{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:10px;align-items:center;gap:8px;height:46px;padding:0 24px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex}.trial-btn-outline-action:hover{color:#1d4ed8;background:#f8fafc;border-color:#1d4ed8;transform:translateY(-1px)}.trial-btn-outline-action:active{transform:translateY(0)}.trial-quickstart-section{flex-direction:column;gap:16px;display:flex}.trial-quickstart-header{justify-content:space-between;align-items:flex-end;display:flex}.trial-qs-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:4px;font-size:20px;font-weight:800}.trial-qs-subtitle{color:#64748b;font-size:13.5px}.trial-qs-header-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.trial-qs-header-link:hover{color:#06c;transform:translate(3px)}.trial-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.trial-action-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:flex-start;padding:22px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.trial-action-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 10px 24px #2563eb14}.trial-card-top-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.trial-card-top-icon.purple{background:#8b5cf6}.trial-card-top-icon.blue{background:#3b82f6}.trial-card-top-icon.emerald{background:#10b981}.trial-card-top-icon.orange{background:#f97316}.trial-card-title{color:#0f172a;margin-bottom:6px;font-size:16px;font-weight:700}.trial-card-desc{color:#64748b;flex:1;margin-bottom:16px;font-size:13px;line-height:1.5}.trial-card-link-action{color:#0084ff;align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.trial-action-card:hover .trial-card-link-action{color:#06c}.trial-action-card:hover .trial-card-link-action svg{transition:transform .18s;transform:translate(3px)}.trial-support-banner{background:#edfdf6;border:1px solid #d1fae5;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.trial-support-left{align-items:center;gap:16px;display:flex}.trial-support-icon-wrap{background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.trial-support-info{flex-direction:column;gap:2px;display:flex}.trial-support-title{color:#0f172a;font-size:15px;font-weight:700}.trial-support-sub{color:#475569;font-size:13px}.trial-support-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.trial-support-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #00000008}.trial-support-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.trial-support-btn.phone{color:#0f172a;font-weight:700}.trial-support-btn.phone:hover{color:#2563eb}@media (width<=1024px){.trial-cards-grid{grid-template-columns:repeat(2,1fr)}.trial-hero-banner-card{background-position:85%;padding:36px 32px}}@media (width<=768px){.trial-hero-banner-card{background-position:100% 0;background-size:cover;padding:28px 24px}.trial-hero-content-col{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:16px;max-width:100%;padding:20px}.trial-hero-title{font-size:26px}.trial-summary-box{flex-direction:column;align-items:flex-start}.trial-stepper-wrap{flex-wrap:wrap;gap:12px}.trial-step-divider{display:none}.trial-support-banner{flex-direction:column;align-items:flex-start}.trial-support-actions{width:100%}.trial-support-btn{flex:1;justify-content:center}}@media (width<=640px){.trial-welcome-main{padding:16px 16px 48px}.trial-subnav-bar{flex-direction:column;align-items:flex-start;gap:12px}.trial-quickstart-header{flex-direction:column;align-items:flex-start;gap:8px}.trial-cards-grid{grid-template-columns:1fr}.trial-hero-action-buttons{flex-direction:column;width:100%}.trial-btn-primary-action,.trial-btn-outline-action{justify-content:center;width:100%}}.dev-dash-layout{color:#0f172a;min-height:100vh;font-family:var(--font-sans);background-color:#f8fafc;flex-direction:column;display:flex}.dev-dash-header{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.dev-dash-header-left{align-items:center;gap:14px;display:flex}.dev-dash-mobile-toggle{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:none}.dev-dash-brand{cursor:pointer;align-items:center;gap:8px;display:flex}.dev-dash-logo-icon{align-items:center;display:flex}.dev-dash-brand-title{color:#0084ff;letter-spacing:-.01em;font-size:19px;font-weight:800}.dev-dash-portal-pill{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.dev-dash-portal-pill:hover{color:#1d4ed8;background:#dbeafe}.dev-dash-search-container{flex:1;max-width:460px;margin:0 24px}.dev-dash-search-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;height:40px;padding:0 12px;transition:all .16s;display:flex}.dev-dash-search-box:hover{background:#fff;border-color:#cbd5e1}.dev-dash-search-icon{color:#94a3b8;flex-shrink:0}.dev-dash-search-input{color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;flex:1;margin-left:8px;font-size:13px}.dev-dash-search-input::placeholder{color:#94a3b8}.dev-dash-kbd-badge{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000000a}.dev-dash-header-right{align-items:center;gap:10px;display:flex}.dev-dash-icon-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .16s;display:flex;position:relative}.dev-dash-icon-btn:hover{color:#0f172a;background:#f1f5f9}.dev-dash-bell-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.dev-dash-user-menu-wrap{margin-left:4px;position:relative}.dev-dash-user-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:4px 6px;transition:background .16s;display:flex}.dev-dash-user-btn:hover{background:#f1f5f9}.dev-dash-avatar{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:50%;width:36px;height:36px}.dev-dash-user-info{text-align:left;flex-direction:column;line-height:1.25;display:flex}.dev-dash-user-name{color:#0f172a;font-size:13.5px;font-weight:700}.dev-dash-user-role{color:#64748b;font-size:11.5px}.dev-dash-user-caret{color:#64748b;transition:transform .16s}.dev-dash-dropdown-backdrop{z-index:55;background:0 0;position:fixed;inset:0}.dev-dash-dropdown-panel{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:290px;padding:10px 8px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px -6px #0f172a1f,0 4px 14px #0f172a0d}.dev-dash-account-header{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 10px 10px;transition:background .14s;display:flex}.dev-dash-account-header:hover{background:#f8fafc}.dev-dash-account-avatar{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:44px;height:44px}.dev-dash-account-details{flex:1;min-width:0}.dev-dash-account-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.dev-dash-account-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;margin-bottom:6px;font-size:12px;overflow:hidden}.dev-dash-account-tags{align-items:center;gap:6px;display:flex}.dev-dash-tag-pro{color:#fff;background:#0084ff;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.1;display:inline-flex}.dev-dash-tag-role{color:#64748b;background:#f1f5f9;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.1;display:inline-block}.dev-dash-account-arrow{color:#94a3b8;flex-shrink:0;transition:all .14s}.dev-dash-account-header:hover .dev-dash-account-arrow{color:#0084ff;transform:translate(2px)}.dev-dash-dropdown-divider{background:#f1f5f9;height:1px;margin:6px 4px}.dev-dash-account-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:8px 10px;transition:all .14s;display:flex}.dev-dash-account-item:hover{background:#f8fafc}.dev-dash-account-item-icon{color:#475569;flex-shrink:0;margin-top:2px;transition:color .14s}.dev-dash-account-item:hover .dev-dash-account-item-icon{color:#0084ff}.dev-dash-account-item-text{flex:1;min-width:0}.dev-dash-account-item-title{color:#1e293b;font-size:13.5px;font-weight:600;line-height:1.3}.dev-dash-account-item-sub{color:#64748b;margin-top:2px;font-size:11.5px;line-height:1.35}.dev-dash-account-item.logout{align-items:center;padding:8px 10px}.dev-dash-account-item.logout:hover{background:#fef2f2}.dev-dash-account-item-icon.logout{color:#ef4444;margin-top:0}.dev-dash-account-item-title.logout{color:#ef4444}.dev-dash-dropdown-header{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.dev-dash-dropdown-header strong{color:#0f172a;font-size:14px}.dev-dash-dropdown-header span{color:#64748b;font-size:12px}.dev-dash-plan-tag{color:#059669;background:#ecfdf5;border-radius:9999px;align-self:flex-start;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.dev-dash-body{flex:1;display:flex}.dev-dash-sidebar{z-index:40;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:240px;height:calc(100vh - 64px);position:sticky;top:64px}.dev-dash-sidebar-inner{flex-direction:column;justify-content:space-between;height:100%;padding:16px 12px 20px;display:flex;overflow-y:auto}.dev-dash-nav-group{flex-direction:column;gap:4px;display:flex}.dev-dash-nav-item{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;height:40px;padding:0 14px;font-size:13.5px;font-weight:500;transition:all .14s;display:flex}.dev-dash-nav-item:hover{color:#0f172a;background:#f8fafc}.dev-dash-nav-item.active{color:#0084ff;background:#eff6ff;font-weight:700}.dev-dash-nav-item.active svg{color:#0084ff}.dev-dash-pro-card{text-align:left;background:linear-gradient(135deg,#fffbeb 0%,#eff6ff 100%);border:1px solid #f59e0b4d;border-radius:14px;flex-direction:column;align-items:flex-start;margin:16px 0;padding:16px;display:flex}.dev-dash-pro-crown{background:#fef3c7;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:8px;display:flex}.dev-dash-pro-title{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:800}.dev-dash-pro-desc{color:#64748b;margin-bottom:12px;font-size:11.5px;line-height:1.45}.dev-dash-pro-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;font-size:12.5px;font-weight:600;transition:all .16s;display:flex;box-shadow:0 2px 8px #0084ff47}.dev-dash-pro-btn:hover{background:#0073e6;transform:translateY(-1px)}.dev-dash-sidebar-bottom{border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;padding-top:10px;display:flex}.dev-dash-nav-item.logout-link:hover{color:#ef4444;background:#fef2f2}.dev-dash-main{background-color:#f8fafc;flex:1;min-width:0;padding:24px 28px 60px;overflow-y:auto}.dev-dash-content-container{flex-direction:column;gap:24px;max-width:1160px;margin:0 auto;display:flex}.dev-dash-hero-card{background:linear-gradient(135deg,#ebf5ff 0%,#e0f2fe 45%,#eff6ff 100%);border:1px solid #bae6fd;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:26px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0084ff0d}.dev-dash-hero-left{flex-direction:column;flex:1;max-width:440px;display:flex}.dev-dash-greeting-title{color:#0f172a;letter-spacing:-.015em;align-items:center;gap:6px;margin-bottom:8px;font-size:27px;font-weight:800;display:flex}.dev-dash-wave{transform-origin:70% 70%;animation:2s ease-in-out infinite waveHands;display:inline-block}@keyframes waveHands{0%,to{transform:rotate(0)}20%,60%{transform:rotate(14deg)}40%,80%{transform:rotate(-10deg)}}.dev-dash-greeting-sub1{color:#334155;margin-bottom:3px;font-size:14.5px;font-weight:600}.dev-dash-greeting-sub2{color:#64748b;font-size:14px}.dev-dash-hero-center{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.dev-dash-bubble-badge{text-align:center;color:#1e293b;z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:-16px;padding:6px 14px;font-size:11.5px;line-height:1.35;position:relative;box-shadow:0 4px 12px #0000000d}.dev-dash-bubble-badge:after{content:"";border:6px solid #0000;border-top-color:#fff;border-bottom-width:0;display:block;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.dev-dash-bubble-badge strong{color:#0084ff}.dev-dash-robot-img{object-fit:contain;filter:drop-shadow(0 10px 20px #0084ff29);border-radius:18px;width:195px;height:auto;-webkit-mask-image:radial-gradient(94% 92%,#000 75%,#0000 100%);mask-image:radial-gradient(94% 92%,#000 75%,#0000 100%)}.dev-dash-hero-right{flex-shrink:0}.dev-dash-quote-card{-webkit-backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #fffffff2;border-radius:14px;width:220px;padding:18px 20px;box-shadow:0 4px 14px #00000008}.dev-dash-quote-mark{color:#2563eb;margin-bottom:2px;font-family:Georgia,serif;font-size:32px;line-height:1;display:block}.dev-dash-quote-text{color:#1e293b;font-size:13.5px;font-style:italic;font-weight:500;line-height:1.5}.dev-dash-quote-brand{color:#0f172a;text-align:right;letter-spacing:.04em;margin-top:10px;font-size:13px;font-weight:800}.dev-dash-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dev-dash-metric-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:20px;transition:all .18s;display:flex}.dev-dash-metric-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #0000000d}.dev-dash-metric-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.dev-dash-metric-icon-wrap.blue{background:#eff6ff}.dev-dash-metric-icon-wrap.purple{background:#f5f3ff}.dev-dash-metric-icon-wrap.emerald{background:#ecfdf5}.dev-dash-metric-icon-wrap.orange{background:#fff7ed}.dev-dash-metric-label{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:500}.dev-dash-metric-val{color:#0f172a;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.2}.dev-dash-metric-trend{align-items:center;gap:4px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.dev-dash-metric-trend.green{color:#059669}.dev-dash-metric-trend.gray{color:#64748b;font-weight:500}.dev-dash-metric-link{color:#0084ff;align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:600;transition:transform .16s;display:inline-flex}.dev-dash-metric-card:hover .dev-dash-metric-link svg{transform:translate(3px)}.dev-dash-split-row{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.dev-dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:22px 24px;display:flex}.dev-dash-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dev-dash-card-title-group{align-items:center;gap:8px;display:flex}.dev-dash-card-title{color:#0f172a;font-size:16px;font-weight:700}.dev-dash-info-trigger{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.dev-dash-info-trigger:hover{color:#0084ff}.dev-dash-time-pills{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:2px;display:flex}.dev-dash-time-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .14s}.dev-dash-time-pill:hover{color:#0f172a}.dev-dash-time-pill.active{color:#0084ff;background:#eff6ff}.dev-dash-view-all-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:transform .16s;display:inline-flex}.dev-dash-view-all-link:hover{color:#06c}.dev-dash-view-all-link:hover svg{transform:translate(3px)}.dev-dash-chart-area{width:100%;height:220px;position:relative}.dev-dash-chart-svg{width:100%;height:100%;overflow:visible}.dev-dash-axis-text{fill:#94a3b8;font-size:11px;font-family:var(--font-sans)}.dev-dash-data-dot{cursor:pointer;transition:all .14s}.dev-dash-data-dot:hover{r:7}.dev-dash-chart-tooltip{pointer-events:none;white-space:nowrap;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;animation:.12s fadeIn;position:absolute;transform:translate(-50%,-125%);box-shadow:0 4px 14px #00000014}.dev-dash-tooltip-date{color:#64748b;margin-bottom:2px;font-size:11px}.dev-dash-tooltip-val{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.dev-dash-tooltip-dot{background:#0084ff;border-radius:50%;width:7px;height:7px}.dev-dash-project-list{flex-direction:column;gap:12px;display:flex}.dev-dash-project-item{border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.dev-dash-project-item:hover{background:#f8fafc}.dev-dash-project-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-dash-project-icon.emerald{background:#10b981}.dev-dash-project-icon.purple{background:#8b5cf6}.dev-dash-project-icon.pink{background:#ec4899}.dev-dash-project-icon.blue{background:#3b82f6}.dev-dash-project-info{flex:1;min-width:0}.dev-dash-project-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13.5px;font-weight:600;overflow:hidden}.dev-dash-project-time{color:#64748b;font-size:11.5px}.dev-dash-status-pill{border-radius:9999px;flex-shrink:0;padding:4px 10px;font-size:11.5px;font-weight:600}.dev-dash-status-pill.active{color:#059669;background:#ecfdf5}.dev-dash-status-pill.paused{color:#64748b;background:#f1f5f9}.dev-dash-item-menu{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.dev-dash-item-menu:hover{color:#0f172a;background:#e2e8f0}.dev-dash-prod-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dev-dash-prod-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;padding:16px 14px;transition:all .16s;display:flex}.dev-dash-prod-item:hover{background:#fff;border-color:#bfdbfe;box-shadow:0 4px 14px #2563eb0f}.dev-dash-prod-top-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.dev-dash-prod-top-icon.blue{background:#3b82f6}.dev-dash-prod-top-icon.purple{background:#8b5cf6}.dev-dash-prod-top-icon.emerald{background:#10b981}.dev-dash-prod-top-icon.orange{background:#f97316}.dev-dash-prod-title{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:700}.dev-dash-prod-desc{color:#64748b;flex:1;margin-bottom:14px;font-size:12px;line-height:1.45}.dev-dash-prod-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:4px;height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.dev-dash-prod-action-btn.blue{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.dev-dash-prod-action-btn.blue:hover{background:#dbeafe}.dev-dash-prod-action-btn.purple{color:#7c3aed;background:#f5f3ff;border:1px solid #ede9fe}.dev-dash-prod-action-btn.purple:hover{background:#ede9fe}.dev-dash-prod-action-btn.emerald{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.dev-dash-prod-action-btn.emerald:hover{background:#d1fae5}.dev-dash-prod-action-btn.orange{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.dev-dash-prod-action-btn.orange:hover{background:#ffedd5}.dev-dash-docs-list{flex-direction:column;gap:8px;display:flex}.dev-dash-doc-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .14s;display:flex}.dev-dash-doc-item:hover{background:#f8fafc}.dev-dash-doc-icon{background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-dash-doc-info{flex:1;min-width:0}.dev-dash-doc-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:600}.dev-dash-doc-desc{color:#64748b;font-size:11.5px}.dev-dash-doc-arrow{color:#94a3b8;margin-left:auto;transition:transform .14s}.dev-dash-doc-item:hover .dev-dash-doc-arrow{color:#0084ff;transform:translate(3px)}.dev-dash-help-banner{background:#edfdf6;border:1px solid #d1fae5;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex}.dev-dash-help-left{align-items:center;gap:16px;display:flex}.dev-dash-help-icon-circle{background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dev-dash-help-info{flex-direction:column;gap:2px;display:flex}.dev-dash-help-title{color:#0f172a;font-size:15px;font-weight:700}.dev-dash-help-sub{color:#475569;font-size:13px}.dev-dash-help-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.dev-dash-help-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex;box-shadow:0 1px 2px #00000008}.dev-dash-help-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.dev-dash-help-btn.phone{color:#0f172a;font-weight:700}.dev-dash-help-btn.phone:hover{color:#2563eb}.dev-dash-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:8px;padding:18px 0 0;font-size:12.5px;display:flex}.dev-dash-footer-left{color:#64748b}.dev-dash-footer-right{align-items:center;gap:10px;display:flex}.dev-dash-footer-right a{color:#64748b;text-decoration:none;transition:color .14s}.dev-dash-footer-right a:hover{color:#0084ff}.dev-dash-footer-dot{color:#cbd5e1}.dev-dash-lang-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.dev-dash-lang-btn:hover{background:#fff;border-color:#cbd5e1}@media (width<=1200px){.dev-dash-hero-card{flex-wrap:wrap;padding:24px}.dev-dash-hero-left{max-width:100%}.dev-dash-split-row{grid-template-columns:1fr}.dev-dash-prod-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.dev-dash-metrics-grid{grid-template-columns:repeat(2,1fr)}.dev-dash-search-container{display:none}}@media (width<=768px){.dev-dash-mobile-toggle{display:flex}.dev-dash-sidebar{height:calc(100vh - 64px);transition:left .24s cubic-bezier(.16,1,.3,1);position:fixed;top:64px;left:-260px;box-shadow:10px 0 30px #0000001a}.dev-dash-sidebar.open{left:0}.dev-dash-portal-pill{display:none}.dev-dash-dropdown-panel{width:280px;right:0}.dev-dash-main{padding:16px 16px 48px}.dev-dash-metrics-grid,.dev-dash-prod-grid{grid-template-columns:1fr}.dev-dash-hero-card{flex-direction:column;align-items:flex-start}.dev-dash-hero-center{align-self:center}.dev-dash-hero-right{width:100%}.dev-dash-chart-card-header{flex-wrap:wrap;gap:12px}.dev-dash-chart-tabs{justify-content:space-between;width:100%}.dev-dash-chart-tooltip{transform:translate(-80%,-125%)}.dev-dash-quote-card{width:100%}.dev-dash-help-banner{flex-direction:column;align-items:flex-start}.dev-dash-help-actions{width:100%}.dev-dash-help-btn{flex:1;justify-content:center}.dev-dash-footer{flex-direction:column;align-items:flex-start;gap:12px}}.dev-proj-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.dev-proj-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:2px;display:flex}.dev-proj-header-left{flex-direction:column;gap:4px;display:flex}.dev-proj-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.dev-proj-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.5}.dev-proj-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0084ff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0084ff40}.dev-proj-create-btn:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 6px 18px #0084ff59}.dev-proj-create-btn:active{transform:translateY(0)}.dev-proj-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dev-proj-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 20px;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000005}.dev-proj-kpi-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.dev-proj-kpi-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dev-proj-kpi-icon-wrap.blue{background:#eff6ff}.dev-proj-kpi-icon-wrap.green{background:#ecfdf5}.dev-proj-kpi-icon-wrap.amber{background:#fffbeb}.dev-proj-kpi-icon-wrap.purple{background:#f5f3ff}.dev-proj-kpi-body{flex-direction:column;display:flex}.dev-proj-kpi-label{color:#64748b;margin-bottom:4px;font-size:13.5px;font-weight:500}.dev-proj-kpi-num{color:#0f172a;letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.1}.dev-proj-kpi-sub{flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.dev-proj-kpi-trend.green,.dev-proj-kpi-pct.green{color:#10b981;font-weight:600}.dev-proj-kpi-pct.amber{color:#f59e0b;font-weight:600}.dev-proj-kpi-subtext{color:#94a3b8}.dev-proj-kpi-subtext.encouragement{color:#94a3b8;font-weight:400}.dev-proj-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-proj-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;height:42px;padding:0 14px;transition:all .15s;display:flex}.dev-proj-search-box:focus-within{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1f}.dev-proj-search-icon{color:#94a3b8;flex-shrink:0}.dev-proj-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.dev-proj-search-input::placeholder{color:#94a3b8}.dev-proj-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.dev-proj-search-clear:hover{color:#0f172a;background:#f1f5f9}.dev-proj-select-wrap{height:42px;position:relative}.dev-proj-select{appearance:none;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;height:100%;padding:0 34px 0 14px;font-size:13.5px;font-weight:500;transition:all .15s}.dev-proj-select:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1f}.dev-proj-select-arrow{pointer-events:none;color:#64748b;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dev-proj-view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;height:42px;padding:3px;display:flex}.dev-proj-view-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:34px;transition:all .15s;display:flex}.dev-proj-view-btn:hover{color:#0f172a;background:#f8fafc}.dev-proj-view-btn.active{color:#fff;background:#0084ff;box-shadow:0 1px 3px #0084ff4d}.dev-proj-cards-container{flex-direction:column;gap:16px;display:flex}.dev-proj-cards-container.grid-layout{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dev-proj-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000005}.dev-proj-card:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 8px 24px #0000000d}.dev-proj-card-left{flex:1.5;align-items:flex-start;gap:16px;min-width:280px;display:flex}.dev-proj-app-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dev-proj-app-icon.blue{background:#0084ff;box-shadow:0 4px 12px #0084ff40}.dev-proj-app-icon.purple{background:#8b5cf6;box-shadow:0 4px 12px #8b5cf640}.dev-proj-app-icon.green{background:#10b981;box-shadow:0 4px 12px #10b98140}.dev-proj-card-main-info{flex-direction:column;gap:5px;display:flex}.dev-proj-card-title-row{align-items:center;gap:8px;display:flex}.dev-proj-card-title{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.3}.dev-proj-star-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:transform .12s;display:flex}.dev-proj-star-btn:hover{transform:scale(1.15)}.dev-proj-card-desc{color:#64748b;margin:0;font-size:13.5px;line-height:1.45}.dev-proj-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.dev-proj-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.dev-proj-tag.tech{color:#0084ff;background:#eff6ff;border:1px solid #0084ff26}.dev-proj-tag.status-green{color:#059669;background:#ecfdf5;border:1px solid #10b98133;font-weight:600}.dev-proj-tag.status-purple{color:#7c3aed;background:#f5f3ff;border:1px solid #8b5cf633;font-weight:600}.dev-proj-tag-prefix{font-weight:700}.dev-proj-card-mid{flex-direction:column;flex-shrink:0;gap:10px;width:350px;display:flex}.dev-proj-status-row{align-items:center;display:flex}.dev-proj-status-pill{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.dev-proj-status-pill.active{color:#059669;background:#ecfdf5}.dev-proj-status-pill.paused{color:#64748b;background:#f1f5f9}.dev-proj-status-dot{border-radius:50%;width:7px;height:7px}.dev-proj-status-pill.active .dev-proj-status-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.dev-proj-status-pill.paused .dev-proj-status-dot{background:#94a3b8}.dev-proj-progress-row{align-items:center;gap:12px;display:flex}.dev-proj-progress-track{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.dev-proj-progress-bar{border-radius:999px;height:100%;transition:width .3s}.dev-proj-progress-bar.blue{background:#0084ff}.dev-proj-progress-bar.purple{background:#8b5cf6}.dev-proj-progress-val{color:#64748b;text-align:right;width:32px;font-size:13px;font-weight:600}.dev-proj-meta-row{align-items:flex-start;gap:20px;display:flex}.dev-proj-meta-item{align-items:flex-start;gap:6px;display:flex}.dev-proj-meta-icon{color:#64748b;flex-shrink:0;margin-top:1px}.dev-proj-meta-text-col{flex-direction:column;line-height:1.25;display:flex}.dev-proj-meta-label{color:#64748b;font-size:11px;font-weight:500}.dev-proj-meta-val{color:#0f172a;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:700}.dev-proj-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.dev-proj-action-btn{cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-proj-action-btn.primary{color:#fff;background:#0084ff;border:none;box-shadow:0 2px 8px #0084ff33}.dev-proj-action-btn.primary:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 4px 12px #0084ff4d}.dev-proj-action-btn.outline{color:#0084ff;background:#fff;border:1.5px solid #0084ff}.dev-proj-action-btn.outline:hover{background:#eff6ff}.dev-proj-more-wrap{position:relative}.dev-proj-more-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.dev-proj-more-btn:hover{color:#0f172a;background:#f1f5f9}.dev-proj-menu-backdrop{z-index:40;position:fixed;inset:0}.dev-proj-menu-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;width:190px;margin-top:6px;padding:6px;animation:.16s ease-out devDropdownSlide;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0000001a}.dev-proj-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.dev-proj-menu-item:hover{color:#0084ff;background:#f1f5f9}.dev-proj-menu-item.delete{color:#ef4444}.dev-proj-menu-item.delete:hover{color:#dc2626;background:#fef2f2}.dev-proj-menu-divider{background:#f1f5f9;height:1px;margin:4px 0}.dev-proj-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.dev-proj-empty-icon{background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.dev-proj-empty-title{color:#0f172a;margin:0;font-size:17px;font-weight:700}.dev-proj-empty-desc{color:#64748b;max-width:420px;margin:0;font-size:14px}.dev-proj-guide-banner{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #00000005}.dev-proj-guide-left{align-items:center;gap:16px;display:flex}.dev-proj-guide-icon-box{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dev-proj-guide-info{flex-direction:column;gap:3px;display:flex}.dev-proj-guide-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-proj-guide-desc{color:#64748b;margin:0;font-size:13.5px}.dev-proj-guide-btn{color:#0084ff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-proj-guide-btn:hover{background:#eff6ff;border-color:#0084ff}.dev-proj-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out devModalFadeIn;display:flex;position:fixed;inset:0}.dev-proj-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;animation:.22s cubic-bezier(.16,1,.3,1) devModalPop;overflow:hidden;box-shadow:0 20px 40px #00000026}.dev-proj-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dev-proj-modal-title-wrap{align-items:center;gap:12px;display:flex}.dev-proj-modal-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-proj-modal-title-wrap h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.dev-proj-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .12s;display:flex}.dev-proj-modal-close:hover{color:#0f172a;background:#f1f5f9}.dev-proj-modal-form{flex-direction:column;gap:18px;padding:24px;display:flex}.dev-proj-form-group{flex-direction:column;gap:6px;display:flex}.dev-proj-form-group.flex-1{flex:1}.dev-proj-form-row{gap:14px;display:flex}.dev-proj-form-label{color:#334155;font-size:13.5px;font-weight:600}.dev-proj-form-input,.dev-proj-form-textarea{color:#0f172a;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.dev-proj-form-input:focus,.dev-proj-form-textarea:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1f}.dev-proj-select-wrap.modal-select,.dev-proj-select-wrap.modal-select .dev-proj-select{width:100%}.dev-proj-modal-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.dev-proj-modal-btn{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.dev-proj-modal-btn.cancel{color:#64748b;background:#fff;border:1px solid #e2e8f0}.dev-proj-modal-btn.cancel:hover{color:#0f172a;background:#f8fafc}.dev-proj-modal-btn.submit{color:#fff;background:#0084ff;border:none;box-shadow:0 4px 12px #0084ff40}.dev-proj-modal-btn.submit:hover{background:#0073e6}.dev-proj-tab-placeholder{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.dev-proj-tab-placeholder-icon{background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:6px;display:flex}.dev-proj-tab-placeholder-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.dev-proj-tab-placeholder-desc{color:#64748b;max-width:480px;margin:0;font-size:14px;line-height:1.5}.dev-proj-tab-placeholder-actions{gap:12px;margin-top:8px;display:flex}@keyframes devModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes devModalPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=1280px){.dev-proj-kpi-grid{grid-template-columns:repeat(2,1fr)}.dev-proj-card{flex-wrap:wrap}.dev-proj-card-mid{order:3;width:100%}.dev-proj-card-right{order:2}}@media (width<=768px){.dev-proj-header-row{flex-direction:column;align-items:stretch}.dev-proj-create-btn{justify-content:center}.dev-proj-kpi-grid{grid-template-columns:1fr}.dev-proj-toolbar{flex-direction:column;align-items:stretch}.dev-proj-select-wrap,.dev-proj-select{width:100%}.dev-proj-card{flex-direction:column;align-items:stretch}.dev-proj-card-left{min-width:0}.dev-proj-card-right{justify-content:space-between;width:100%}.dev-proj-guide-banner{flex-direction:column;align-items:flex-start}.dev-proj-guide-btn{justify-content:center;width:100%}.dev-proj-form-row{flex-direction:column}}.dev-apisdk-wrapper{flex-direction:column;gap:24px;width:100%;display:flex}.dev-apisdk-layout-grid{grid-template-columns:1fr 370px;align-items:start;gap:24px;width:100%;display:grid}.dev-apisdk-main-col{flex-direction:column;gap:18px;min-width:0;display:flex}.dev-apisdk-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dev-apisdk-header-left{flex-direction:column;gap:4px;display:flex}.dev-apisdk-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.dev-apisdk-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.dev-apisdk-guide-btn{color:#0084ff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bae6fd;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.dev-apisdk-guide-btn:hover{background:#f0f9ff;border-color:#0084ff;transform:translateY(-1px);box-shadow:0 4px 10px #0084ff1f}.dev-apisdk-cat-tabs{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 0;display:flex}.dev-apisdk-cat-tab{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:none;border-radius:9999px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .15s}.dev-apisdk-cat-tab:hover{color:#1e293b;background:#e2e8f0}.dev-apisdk-cat-tab.active{color:#fff;background:#1d4ed8;font-weight:600;box-shadow:0 2px 8px #1d4ed840}.dev-apisdk-services-list{flex-direction:column;gap:14px;display:flex}.dev-apisdk-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:18px;padding:20px 22px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0f172a08}.dev-apisdk-service-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 20px #0f172a0f}.dev-apisdk-service-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #00000014}.dev-apisdk-service-icon-box.chat{background:linear-gradient(135deg,#0084ff 0%,#06c 100%)}.dev-apisdk-service-icon-box.image{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%)}.dev-apisdk-service-icon-box.doc{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.dev-apisdk-service-icon-box.speech{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.dev-apisdk-service-icon-box.chart{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.dev-apisdk-service-icon-box.sdk{background:linear-gradient(135deg,#0284c7 0%,#0084ff 100%)}.dev-apisdk-service-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.dev-apisdk-service-title-row{align-items:center;gap:10px;display:flex}.dev-apisdk-service-name{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:15.5px;font-weight:700}.dev-apisdk-badge{letter-spacing:.01em;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.dev-apisdk-badge.popular{color:#059669;background:#ecfdf5}.dev-apisdk-badge.new{color:#db2777;background:#fdf2f8}.dev-apisdk-badge.upcoming{color:#0084ff;background:#eff6ff}.dev-apisdk-service-desc{color:#64748b;margin:0;font-size:13px;line-height:1.45}.dev-apisdk-service-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.dev-apisdk-tag-chip{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:500}.dev-apisdk-service-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;padding-left:6px;display:flex}.dev-apisdk-service-meta-grid{align-items:center;gap:24px;display:flex}.dev-apisdk-meta-col{flex-direction:column;align-items:flex-start;gap:2px;min-width:60px;display:flex}.dev-apisdk-meta-label{color:#94a3b8;font-size:11px;font-weight:500}.dev-apisdk-meta-val.version{color:#334155;font-size:12.5px;font-style:italic;font-weight:600}.dev-apisdk-meta-val.status{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dev-apisdk-meta-val.status.active{color:#059669}.dev-apisdk-meta-val.status.active .dev-apisdk-status-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.dev-apisdk-meta-val.status.beta{color:#d97706}.dev-apisdk-meta-val.status.beta .dev-apisdk-status-dot{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.dev-apisdk-status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dev-apisdk-doc-btn{color:#0084ff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dev-apisdk-doc-btn:hover{background:#f0f9ff;border-color:#0084ff}.dev-apisdk-service-chevron{cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.dev-apisdk-service-chevron:hover{background:#f1f5f9}.dev-apisdk-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.dev-apisdk-empty-title{color:#64748b;margin:0;font-size:14.5px}.dev-apisdk-reset-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.dev-apisdk-side-col{flex-direction:column;gap:20px;display:flex}.dev-apisdk-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a08}.dev-apisdk-side-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0f172a0d}.dev-apisdk-side-header{justify-content:space-between;align-items:center;display:flex}.dev-apisdk-side-title-wrap{align-items:center;gap:10px;display:flex}.dev-apisdk-side-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dev-apisdk-side-icon-circle.blue{background:#eff6ff}.dev-apisdk-side-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.dev-apisdk-side-link-btn{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.dev-apisdk-side-link-btn:hover{color:#06c;text-decoration:underline}.dev-apisdk-key-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.dev-apisdk-key-code{color:#1e293b;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:600;overflow:hidden}.dev-apisdk-copy-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.dev-apisdk-copy-btn:hover{color:#0f172a;background:#e2e8f0}.dev-apisdk-copy-btn.copied{color:#059669}.dev-apisdk-key-meta-list{color:#64748b;flex-direction:column;gap:6px;font-size:12.5px;display:flex}.dev-apisdk-key-status{color:#059669;align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:600;display:flex}.dev-apisdk-key-status .dev-apisdk-status-dot.green{background:#10b981;box-shadow:0 0 0 2px #10b98133}.dev-apisdk-key-meta-item strong{color:#334155;font-weight:600}.dev-apisdk-side-action-btn{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.dev-apisdk-side-action-btn:hover{background:#f0f9ff;border-color:#0084ff}.dev-apisdk-usage-numbers{color:#1e293b;justify-content:space-between;align-items:baseline;font-size:13.5px;display:flex}.dev-apisdk-usage-req strong{color:#0f172a;font-size:14.5px;font-weight:700}.dev-apisdk-usage-percent{color:#0084ff;font-size:13px;font-weight:700}.dev-apisdk-usage-progress-track{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.dev-apisdk-usage-progress-bar{background:linear-gradient(90deg,#0084ff 0%,#06c 100%);border-radius:9999px;height:100%;transition:width .4s}.dev-apisdk-mini-stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.dev-apisdk-mini-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.dev-apisdk-mini-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dev-apisdk-mini-icon-circle.green{background:#ecfdf5}.dev-apisdk-mini-icon-circle.amber{background:#fef3c7}.dev-apisdk-mini-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dev-apisdk-mini-label{color:#64748b;font-size:11px;font-weight:500}.dev-apisdk-mini-val{color:#0f172a;font-size:14px;font-weight:700}.dev-apisdk-mini-val-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.dev-apisdk-upgrade-link{color:#0084ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.dev-apisdk-upgrade-link:hover{text-decoration:underline}.dev-apisdk-docs-list{flex-direction:column;gap:6px;display:flex}.dev-apisdk-doc-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.dev-apisdk-doc-item:hover{background:#f8fafc;border-color:#e2e8f0}.dev-apisdk-doc-item-icon{background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-apisdk-doc-item-text{flex:1;min-width:0}.dev-apisdk-doc-item-title{color:#0f172a;margin:0;font-size:13.5px;font-weight:700;line-height:1.3}.dev-apisdk-doc-item-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11.5px;overflow:hidden}.dev-apisdk-doc-item-arrow{color:#94a3b8;flex-shrink:0;transition:transform .15s}.dev-apisdk-doc-item:hover .dev-apisdk-doc-item-arrow{color:#0084ff;transform:translate(2px)}.dev-apisdk-support-btn{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.dev-apisdk-support-btn:hover{background:#f0f9ff;border-color:#0084ff}.dev-apisdk-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.2s devModalFadeIn;display:flex;position:fixed;inset:0}.dev-apisdk-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:520px;animation:.25s cubic-bezier(.16,1,.3,1) devModalPop;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a40}.dev-apisdk-modal.large{max-width:680px}.dev-apisdk-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.dev-apisdk-modal-title-wrap{align-items:flex-start;gap:14px;display:flex}.dev-apisdk-modal-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dev-apisdk-modal-icon-circle.blue{background:#eff6ff}.dev-apisdk-modal-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.dev-apisdk-modal-desc{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.dev-apisdk-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.dev-apisdk-modal-close:hover{color:#0f172a;background:#f1f5f9}.dev-apisdk-modal-body{flex-direction:column;gap:20px;max-height:70vh;padding:22px 24px;display:flex;overflow-y:auto}.dev-apisdk-guide-step{gap:14px;display:flex}.dev-apisdk-guide-step-num{color:#fff;background:#0084ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12.5px;font-weight:700;display:flex}.dev-apisdk-guide-step-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.dev-apisdk-guide-step-title{color:#0f172a;margin:0;font-size:14px;font-weight:700}.dev-apisdk-guide-step-desc{color:#64748b;margin:0;font-size:13px;line-height:1.45}.dev-apisdk-code-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.dev-apisdk-code-box code{color:#0284c7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.dev-apisdk-code-copy-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-apisdk-code-copy-btn:hover{color:#0084ff;background:#f1f5f9}.dev-apisdk-code-copy-btn.floating{color:#e2e8f0;background:#1e293bd9;border-color:#fff3;position:absolute;top:10px;right:10px}.dev-apisdk-code-copy-btn.floating:hover{color:#fff;background:#1e293b}.dev-apisdk-guide-tabs-header{justify-content:space-between;align-items:center;display:flex}.dev-apisdk-code-lang-tabs{align-items:center;gap:4px;display:flex}.dev-apisdk-code-tab{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.dev-apisdk-code-tab:hover{color:#0f172a;background:#e2e8f0}.dev-apisdk-code-tab.active{color:#fff;background:#0084ff}.dev-apisdk-code-block-wrap{background:#0f172a;border-radius:10px;padding:16px;position:relative;overflow:hidden}.dev-apisdk-pre{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.dev-apisdk-form-group{flex-direction:column;gap:6px;display:flex}.dev-apisdk-form-label{color:#1e293b;font-size:13px;font-weight:600}.dev-apisdk-required{color:#ef4444}.dev-apisdk-form-input,.dev-apisdk-form-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 14px;font-size:13.5px;transition:border-color .15s}.dev-apisdk-form-input:focus,.dev-apisdk-form-select:focus{border-color:#0084ff;outline:none;box-shadow:0 0 0 3px #0084ff1f}.dev-apisdk-form-hint{color:#94a3b8;font-size:11.5px}.dev-apisdk-scope-radio-group{flex-direction:column;gap:8px;display:flex}.dev-apisdk-scope-radio{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.dev-apisdk-scope-radio:hover{background:#f8fafc;border-color:#cbd5e1}.dev-apisdk-scope-radio input{margin-top:3px}.dev-apisdk-scope-info{flex-direction:column;gap:2px;display:flex}.dev-apisdk-scope-info strong{color:#0f172a;font-size:13px}.dev-apisdk-scope-info span{color:#64748b;font-size:11.5px}.dev-apisdk-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.dev-apisdk-modal-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.dev-apisdk-modal-btn.outline{color:#475569;background:#fff;border:1px solid #cbd5e1}.dev-apisdk-modal-btn.outline:hover{color:#0f172a;background:#f1f5f9}.dev-apisdk-modal-btn.primary{color:#fff;background:#0084ff;border:none;box-shadow:0 2px 6px #0084ff40}.dev-apisdk-modal-btn.primary:hover{background:#06c}@media (width<=1100px){.dev-apisdk-layout-grid{grid-template-columns:1fr}.dev-apisdk-side-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}}@media (width<=768px){.dev-apisdk-header-row{flex-direction:column;align-items:stretch}.dev-apisdk-guide-btn{justify-content:center;width:100%}.dev-apisdk-service-card{flex-direction:column;align-items:stretch;gap:14px}.dev-apisdk-service-right{border-top:1px solid #f1f5f9;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:12px;padding-left:0}.dev-apisdk-service-chevron{display:none}.dev-apisdk-side-col{grid-template-columns:1fr}}.dev-pg-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.dev-pg-top-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.dev-pg-top-left{flex:1;min-width:0}.dev-pg-title{color:#0f172a;letter-spacing:-.015em;margin:0 0 6px;font-size:28px;font-weight:700}.dev-pg-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.dev-pg-banner-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:16px;flex-shrink:0;padding:10px 18px;box-shadow:0 4px 14px #0284c714}.dev-pg-banner-content{align-items:center;gap:18px;display:flex}.dev-pg-banner-left{align-items:center;gap:14px;display:flex}.dev-pg-banner-script{color:#0284c7;white-space:nowrap;text-shadow:0 1px 2px #0284c726;font-family:Caveat,Dancing Script,Brush Script MT,Segoe Script,cursive,sans-serif;font-size:22px;font-weight:700;display:inline-block;transform:rotate(-9deg)}.dev-pg-robot-wrap{justify-content:center;align-items:center;display:flex}.dev-pg-robot-figure{flex-direction:column;align-items:center;width:58px;animation:3s ease-in-out infinite pgRobotHover;display:flex;position:relative}@keyframes pgRobotHover{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dev-pg-robot-head{z-index:2;background:linear-gradient(#fff 0%,#e2e8f0 100%);border:2px solid #cbd5e1;border-radius:20px 20px 16px 16px;width:44px;height:36px;position:relative;box-shadow:0 4px 10px #00000014,inset 0 2px 4px #fff}.dev-pg-robot-ear{background:#0084ff;border-radius:3px;width:6px;height:14px;position:absolute;top:9px;box-shadow:0 1px 3px #0084ff66}.dev-pg-robot-ear.left{left:-5px}.dev-pg-robot-ear.right{right:-5px}.dev-pg-robot-face{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dev-pg-robot-visor{background:#0f172a;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:32px;height:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009}.dev-pg-robot-visor:after{content:"";background:#ffffff40;border-radius:2px;width:10px;height:3px;position:absolute;top:2px;left:4px}.dev-pg-robot-eye{background:#38bdf8;border-radius:4px;width:7px;height:9px;animation:4s infinite pgEyeBlink;box-shadow:0 0 8px #38bdf8,inset 0 1px 2px #fff}@keyframes pgEyeBlink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.dev-pg-robot-torso{z-index:1;background:linear-gradient(#fff 0%,#e2e8f0 100%);border:2px solid #cbd5e1;border-radius:6px 6px 10px 10px;justify-content:center;align-items:center;width:30px;height:18px;margin-top:-4px;display:flex;position:relative;box-shadow:0 2px 6px #0000000d}.dev-pg-robot-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;justify-content:center;align-items:center;padding:1px 3px;display:flex}.dev-pg-banner-quote-box{border-left:1px solid #bae6fd;max-width:190px;padding-left:14px}.dev-pg-banner-quote{color:#0284c7;margin:0 0 4px;font-size:12.5px;font-style:italic;font-weight:600;line-height:1.35}.dev-pg-banner-brand{color:#0f172a;letter-spacing:.6px;text-align:right;font-size:11px;font-weight:800}.dev-pg-layout-grid{grid-template-columns:280px 1fr 280px;align-items:start;gap:18px;display:grid}.dev-pg-col-left,.dev-pg-col-center,.dev-pg-col-right{flex-direction:column;gap:18px;display:flex}.dev-pg-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;transition:all .2s;box-shadow:0 1px 3px #00000005}.dev-pg-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dev-pg-card-title{color:#0f172a;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.dev-pg-card-link-btn{color:#0084ff;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.dev-pg-card-link-btn:hover{opacity:.8;text-decoration:underline}.dev-pg-model-select-wrap{margin-bottom:12px;position:relative}.dev-pg-model-selected-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.dev-pg-model-selected-box:hover{background:#f0f7ff;border-color:#0084ff}.dev-pg-model-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 6px #0000001a}.dev-pg-model-icon-box.chat{background:linear-gradient(135deg,#0084ff 0%,#06c 100%)}.dev-pg-model-icon-box.image{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.dev-pg-model-icon-box.doc{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.dev-pg-model-icon-box.chart{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.dev-pg-model-icon-box.mini{border-radius:6px;width:26px;height:26px}.dev-pg-model-info{flex-direction:column;flex:1;min-width:0;display:flex}.dev-pg-model-name{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.25}.dev-pg-model-code{color:#64748b;font-family:JetBrains Mono,Fira Code,monospace;font-size:11.5px}.dev-pg-dropdown-arrow{color:#64748b;margin-left:auto;transition:transform .2s}.dev-pg-dropdown-arrow.open{transform:rotate(180deg)}.dev-pg-model-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 25px #0000001f}.dev-pg-model-dropdown-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dev-pg-model-dropdown-item:hover{background:#f1f5f9}.dev-pg-model-dropdown-item.active{background:#eff6ff}.dev-pg-model-item-text{flex-direction:column;flex:1;display:flex}.dev-pg-model-item-text strong{color:#0f172a;font-size:12.5px}.dev-pg-model-item-text span{color:#64748b;font-family:monospace;font-size:11px}.dev-pg-model-desc{color:#64748b;margin:0 0 16px;font-size:12px;line-height:1.5}.dev-pg-param-control{margin-bottom:14px}.dev-pg-param-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dev-pg-param-label{color:#334155;margin:0;font-size:12.5px;font-weight:600}.dev-pg-param-val-badge{color:#0f172a;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:38px;padding:2px 8px;font-size:12px;font-weight:600}.dev-pg-range-input{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:5px}.dev-pg-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0084ff;border:2px solid #fff;border-radius:50%;width:15px;height:15px;transition:transform .1s;box-shadow:0 1px 4px #0084ff66}.dev-pg-range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.dev-pg-range-input::-moz-range-thumb{cursor:pointer;background:#0084ff;border:2px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0084ff66}.dev-pg-advanced-btn{color:#0084ff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding:10px 0 0;font-size:12.5px;font-weight:600;display:flex}.dev-pg-advanced-btn-left{align-items:center;gap:6px;display:flex}.dev-pg-advanced-btn .rotate{transform:rotate(180deg)}.dev-pg-advanced-fields{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:12px}.dev-pg-templates-list{flex-direction:column;gap:6px;display:flex}.dev-pg-template-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:all .15s;display:flex}.dev-pg-template-item:hover{background:#f8fafc;border-color:#e2e8f0}.dev-pg-template-icon-circle{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dev-pg-template-icon-circle.email{background:#e0f2fe}.dev-pg-template-icon-circle.doc{background:#dcfce7}.dev-pg-template-icon-circle.translate{background:#fce7f3}.dev-pg-template-icon-circle.sparkle{background:#f3e8ff}.dev-pg-template-icon-circle.code{background:#eff6ff}.dev-pg-template-info{flex-direction:column;flex:1;min-width:0;display:flex}.dev-pg-template-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.dev-pg-template-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dev-pg-template-arrow{color:#94a3b8;flex-shrink:0;transition:transform .15s}.dev-pg-template-item:hover .dev-pg-template-arrow{color:#0084ff;transform:translate(2px)}.prompt-editor-card{padding-bottom:12px}.dev-pg-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dev-pg-action-icon-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.dev-pg-action-icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dev-pg-action-icon-btn.copied{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.dev-pg-textarea-wrap{width:100%;margin-bottom:10px}.dev-pg-prompt-textarea{resize:vertical;color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-height:80px;padding:4px 0;font-family:inherit;font-size:13.5px;line-height:1.6}.dev-pg-prompt-textarea::placeholder{color:#94a3b8}.dev-pg-editor-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.dev-pg-editor-tools{align-items:center;gap:8px;display:flex}.dev-pg-tool-pill-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.dev-pg-tool-pill-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dev-pg-tool-pill-btn.web-search.active{color:#0084ff;background:#eff6ff;border-color:#bfdbfe}.dev-pg-beta-badge{color:#d97706;background:#fef3c7;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.dev-pg-editor-right-tools{align-items:center;gap:14px;display:flex}.dev-pg-char-count{color:#94a3b8;font-family:monospace;font-size:12px}.dev-pg-run-btn-group{align-items:stretch;display:flex}.dev-pg-run-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0084ff;border:none;border-radius:8px 0 0 8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 6px #0084ff40}.dev-pg-run-btn:hover:not(:disabled){background:#06c}.dev-pg-run-btn:disabled{opacity:.7;cursor:not-allowed}.dev-pg-run-dropdown-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-left:1px solid #ffffff40;border-radius:0 8px 8px 0;justify-content:center;align-items:center;padding:7px 10px;transition:all .15s;display:flex}.dev-pg-run-dropdown-btn:hover{background:#06c}.result-card{min-height:380px}.dev-pg-result-title-row{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.dev-pg-result-status-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:flex}.dev-pg-status-dot.green{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.dev-pg-result-body{padding-top:4px}.dev-pg-result-h1{color:#0284c7;margin:0 0 14px;font-size:15.5px;font-weight:700;line-height:1.4}.dev-pg-result-h2{color:#0284c7;margin:16px 0 8px;font-size:14px;font-weight:700}.dev-pg-result-p{color:#334155;margin:0 0 12px;font-size:13px;line-height:1.6}.dev-pg-result-numbered-list{flex-direction:column;gap:6px;margin:0 0 14px;padding-left:0;list-style:none;display:flex}.dev-pg-result-numbered-list li{color:#334155;font-size:13px;line-height:1.55}.dev-pg-result-numbered-list strong{color:#0f172a;font-weight:600}.dev-pg-result-bullet-list{flex-direction:column;gap:6px;margin:0;padding-left:0;list-style:none;display:flex}.dev-pg-result-bullet-list li{color:#334155;font-size:13px;line-height:1.55}.dev-pg-result-bullet-list strong{color:#0f172a;font-weight:600}.dev-pg-history-search{margin-bottom:12px;position:relative}.dev-pg-history-search-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:7px 10px 7px 32px;font-size:12.5px;transition:all .15s}.dev-pg-history-search-input:focus{background:#fff;border-color:#0084ff}.dev-pg-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.dev-pg-history-list{flex-direction:column;gap:6px;display:flex}.dev-pg-history-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex;position:relative}.dev-pg-history-item:hover{background:#f8fafc;border-color:#e2e8f0}.dev-pg-history-item.active{background:#eff6ff;border-color:#bfdbfe}.dev-pg-history-icon-box{background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dev-pg-history-item.active .dev-pg-history-icon-box{background:#dbeafe}.dev-pg-history-info{flex-direction:column;flex:1;min-width:0;display:flex}.dev-pg-history-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden}.dev-pg-history-time{color:#94a3b8;margin-top:2px;font-size:11px}.dev-pg-history-more-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.dev-pg-history-more-btn:hover{color:#0f172a;background:#e2e8f0}.dev-pg-next-steps-list{flex-direction:column;gap:8px;display:flex}.dev-pg-next-step-item{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;transition:all .15s;display:flex}.dev-pg-next-step-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 6px #00000008}.dev-pg-next-step-icon{background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dev-pg-next-step-info{flex-direction:column;display:flex}.dev-pg-next-step-info strong{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.25}.dev-pg-next-step-info span{color:#64748b;margin-top:1px;font-size:11.5px}@media (width<=1200px){.dev-pg-layout-grid{grid-template-columns:260px 1fr}.dev-pg-col-right{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}}@media (width<=900px){.dev-pg-top-row{flex-direction:column;align-items:stretch;gap:16px}.dev-pg-banner-card{box-sizing:border-box;width:100%}.dev-pg-layout-grid{grid-template-columns:1fr}.dev-pg-col-right{flex-direction:column;grid-column:auto;display:flex}}@media (width<=640px){.dev-pg-banner-content{flex-direction:column;align-items:flex-start}.dev-pg-banner-quote-box{border-top:1px solid #bae6fd;border-left:none;width:100%;max-width:100%;padding-top:10px;padding-left:0}.dev-pg-editor-footer{flex-direction:column;align-items:stretch;gap:12px}.dev-pg-editor-right-tools{justify-content:space-between}.dev-pg-card-header{flex-direction:column;align-items:flex-start;gap:10px}.dev-pg-header-actions{justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.dev-pg-result-title-row{justify-content:space-between;width:100%}}.dev-docs-wrapper{flex-direction:column;gap:20px;width:100%;animation:.25s ease-out fadeInDoc;display:flex}@keyframes fadeInDoc{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dev-docs-top-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.dev-docs-top-left{flex:1}.dev-docs-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.2}.dev-docs-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.dev-docs-banner-card{background:linear-gradient(135deg,#e0f2fe 0%,#eff6ff 50%,#f0fdfa 100%);border:1px solid #bae6fd;border-radius:16px;flex-shrink:0;align-items:center;min-height:78px;padding:14px 24px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 16px #0ea5e914}.dev-docs-banner-content{align-items:center;gap:20px;display:flex}.dev-docs-banner-illustration{align-items:center;width:140px;height:52px;display:flex;position:relative}.dev-docs-sheet{background:#fff;border:1px solid #bae6fd;border-radius:6px;position:absolute;box-shadow:0 2px 8px #0000000a}.dev-docs-sheet.sheet-3{opacity:.6;width:44px;height:48px;top:2px;left:0;transform:rotate(-12deg)}.dev-docs-sheet.sheet-2{opacity:.8;width:46px;height:50px;top:0;left:6px;transform:rotate(-5deg)}.dev-docs-sheet.sheet-1{z-index:2;flex-direction:column;gap:4px;width:48px;height:52px;padding:6px;display:flex;top:-2px;left:14px;box-shadow:0 4px 12px #0084ff14}.dev-docs-sheet-stripe{background:#0084ff;border-radius:2px;width:16px;height:3px}.dev-docs-sheet-line{background:#e2e8f0;border-radius:2px;height:2px}.dev-docs-sheet-line.line-1{width:100%}.dev-docs-sheet-line.line-2{width:80%}.dev-docs-sheet-line.line-3{width:60%}.dev-docs-cloud-badge{z-index:3;background:#0084ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:14px;left:48px;box-shadow:0 2px 8px #0084ff59}.dev-docs-ai-chip{z-index:3;width:42px;height:42px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.dev-docs-chip-core{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 50%,#3b82f6 100%);border:1.5px solid #60a5fa;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 0 16px #3b82f680,inset 0 0 8px #ffffff4d}.dev-docs-chip-core span{color:#fff;letter-spacing:.5px;text-shadow:0 1px 3px #0006;font-size:16px;font-weight:900}.dev-docs-chip-pins{background:#3b82f6;position:absolute}.dev-docs-chip-pins.top{background:repeating-linear-gradient(90deg,#60a5fa 0 3px,#0000 3px 6px);height:4px;top:-4px;left:8px;right:8px}.dev-docs-chip-pins.bottom{background:repeating-linear-gradient(90deg,#60a5fa 0 3px,#0000 3px 6px);height:4px;bottom:-4px;left:8px;right:8px}.dev-docs-chip-pins.left{background:repeating-linear-gradient(0deg,#60a5fa 0 3px,#0000 3px 6px);width:4px;top:8px;bottom:8px;left:-4px}.dev-docs-chip-pins.right{background:repeating-linear-gradient(0deg,#60a5fa 0 3px,#0000 3px 6px);width:4px;top:8px;bottom:8px;right:-4px}.dev-docs-banner-script{color:#1d4ed8;white-space:nowrap;letter-spacing:.5px;text-shadow:0 1px 2px #fffc;font-family:Caveat,Segoe Script,Brush Script MT,cursive,sans-serif;font-size:21px;font-weight:700;transform:rotate(-3deg)}.dev-docs-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #00000005}.dev-docs-search-wrap{flex:1;min-width:220px;position:relative}.dev-docs-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dev-docs-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #0000;border-radius:8px;outline:none;width:100%;height:38px;padding:0 32px 0 36px;font-size:13px;transition:all .15s}.dev-docs-search-input:focus{background:#fff;border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1a}.dev-docs-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dev-docs-search-clear:hover{color:#0f172a;background:#cbd5e1}.dev-docs-dropdown-wrap{position:relative}.dev-docs-dropdown-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.dev-docs-dropdown-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.dev-docs-dropdown-btn.open{background:#fff;border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1a}.dev-docs-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;min-width:200px;padding:6px;animation:.15s ease-out dropIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px #00000014}.dev-docs-dropdown-menu.right{left:auto;right:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dev-docs-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:12.5px;transition:all .12s;display:flex}.dev-docs-dropdown-item:hover{color:#0f172a;background:#f1f5f9}.dev-docs-dropdown-item.active{color:#0084ff;background:#eff6ff;font-weight:600}.dev-dash-content-container.dev-dash-docs-container{max-width:100%}.dev-docs-categories-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;display:grid}.dev-docs-category-card{text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:flex-start;width:100%;min-width:0;padding:16px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.dev-docs-category-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 20px #0084ff14}.dev-docs-category-card.selected{background:#f8faff;border-color:#0084ff;box-shadow:0 0 0 1px #0084ff,0 4px 12px #0084ff14}.dev-docs-category-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex;box-shadow:0 4px 10px #00000014}.dev-docs-category-icon-box.chat{background:#2563eb}.dev-docs-category-icon-box.image{background:#8b5cf6}.dev-docs-category-icon-box.ocr{background:#10b981}.dev-docs-category-icon-box.voice{background:#f97316}.dev-docs-category-icon-box.sdk{background:#3b82f6}.dev-docs-category-icon-box.examples{background:#ec4899}.dev-docs-category-body{flex-direction:column;gap:2px;width:100%;display:flex}.dev-docs-category-title{color:#0f172a;font-size:14px;font-weight:700;line-height:1.3}.dev-docs-category-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11.5px;line-height:1.35;overflow:hidden}.dev-docs-category-count{color:#64748b;font-size:11.5px;font-weight:500}.dev-docs-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 230px;align-items:start;gap:16px;width:100%;display:grid}.dev-docs-col-quickstart,.dev-docs-col-featured,.dev-docs-col-right{min-width:0}.dev-docs-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #00000005}.dev-docs-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.dev-docs-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:15.5px;font-weight:800}.dev-docs-card-link-btn{color:#0084ff;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-docs-card-link-btn:hover{color:#06c;gap:6px}.dev-docs-quickstart-list{flex-direction:column;gap:8px;display:flex}.dev-docs-quickstart-item{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:all .15s;display:flex}.dev-docs-quickstart-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 6px #00000008}.dev-docs-quickstart-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-docs-quickstart-info{flex-direction:column;flex:1;min-width:0;display:flex}.dev-docs-quickstart-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700;line-height:1.35}.dev-docs-quickstart-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.dev-docs-quickstart-time{color:#64748b;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:11.5px;display:flex}.dev-docs-featured-list{flex-direction:column;gap:8px;display:flex}.dev-docs-featured-item{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:all .15s;display:flex}.dev-docs-featured-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 6px #00000008}.dev-docs-featured-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 6px #00000014}.dev-docs-featured-icon.chat{background:#2563eb}.dev-docs-featured-icon.image{background:#8b5cf6}.dev-docs-featured-icon.ocr{background:#10b981}.dev-docs-featured-icon.voice{background:#f97316}.dev-docs-featured-icon.sdk{background:#3b82f6}.dev-docs-featured-icon.examples{background:#ec4899}.dev-docs-featured-info{flex-direction:column;flex:1;min-width:0;display:flex}.dev-docs-featured-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700;line-height:1.35}.dev-docs-featured-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.dev-docs-featured-arrow{color:#94a3b8;flex-shrink:0;transition:transform .15s,color .15s}.dev-docs-featured-item:hover .dev-docs-featured-arrow{color:#0084ff;transform:translate(2px)}.dev-docs-col-right{flex-direction:column;gap:16px;display:flex}.dev-docs-toc-card{padding:16px 18px}.dev-docs-toc-list{flex-direction:column;gap:2px;display:flex}.dev-docs-toc-item{cursor:pointer;color:#475569;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:all .12s;display:flex}.dev-docs-toc-item:hover{color:#0f172a;background:#f8fafc}.dev-docs-toc-item.active{color:#0084ff;background:#eff6ff;font-weight:700}.dev-docs-toc-bullet{color:#94a3b8;text-align:center;width:12px;font-size:13px}.dev-docs-toc-item.active .dev-docs-toc-bullet{color:#0084ff;font-weight:900}.dev-docs-toc-label{line-height:1.3}.dev-docs-support-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.dev-docs-support-top{align-items:flex-start;gap:12px;display:flex}.dev-docs-support-icon{background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-docs-support-text{flex-direction:column;gap:3px;display:flex}.dev-docs-support-title{color:#0f172a;font-size:14px;font-weight:700}.dev-docs-support-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}.dev-docs-support-btn{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-docs-support-btn:hover{background:#eff6ff;border-color:#0084ff}.dev-docs-bottom-banner{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000005}.dev-docs-bottom-left{align-items:center;gap:14px;display:flex}.dev-docs-bottom-icon{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dev-docs-bottom-text{flex-direction:column;gap:2px;display:flex}.dev-docs-bottom-title{color:#0f172a;font-size:14px;font-weight:700}.dev-docs-bottom-desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.dev-docs-subscribe-btn{color:#0084ff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.dev-docs-subscribe-btn:hover{background:#eff6ff;border-color:#0084ff}.dev-docs-subscribe-btn.subscribed{color:#fff;background:#0084ff;border-color:#0084ff;box-shadow:0 2px 8px #0084ff4d}.dev-docs-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInDoc;display:flex;position:fixed;inset:0}.dev-docs-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:620px;animation:.2s cubic-bezier(.16,1,.3,1) scaleUpDoc;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000029}@keyframes scaleUpDoc{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dev-docs-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.dev-docs-modal-title-row{align-items:center;gap:12px;display:flex}.dev-docs-modal-icon-badge{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-docs-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.3}.dev-docs-modal-sub{color:#64748b;font-size:11.5px}.dev-docs-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.dev-docs-modal-close:hover{color:#0f172a;background:#f1f5f9}.dev-docs-modal-body{flex-direction:column;gap:14px;max-height:60vh;padding:22px;display:flex;overflow-y:auto}.dev-docs-modal-intro{color:#334155;margin:0;font-size:13.5px;line-height:1.55}.dev-docs-modal-h4{color:#0f172a;margin:4px 0 0;font-size:13px;font-weight:700}.dev-docs-code-block{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:10px;margin:0;padding:14px 16px;font-family:Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow-x:auto}.dev-docs-code-block code{font-family:inherit}.dev-docs-modal-tips{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.dev-docs-modal-tips p{color:#1e3a8a;margin:0;font-size:12px;line-height:1.5}.dev-docs-modal-tips code{color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:1px 5px;font-size:11.5px}.dev-docs-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.dev-docs-modal-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dev-docs-modal-btn.outline{color:#334155;background:#fff;border:1px solid #cbd5e1}.dev-docs-modal-btn.outline:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.dev-docs-modal-btn.primary{color:#fff;background:#0084ff;border:1px solid #0084ff;box-shadow:0 2px 8px #0084ff40}.dev-docs-modal-btn.primary:hover{background:#0073e6}@media (width<=1080px){.dev-docs-categories-grid{grid-template-columns:repeat(3,1fr)}.dev-docs-main-grid{grid-template-columns:1fr 1fr}.dev-docs-col-right{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px;display:grid}}@media (width<=900px){.dev-docs-top-row{flex-direction:column;align-items:stretch;gap:16px}.dev-docs-banner-card{box-sizing:border-box;justify-content:center;width:100%}.dev-docs-filter-bar{flex-wrap:wrap}.dev-docs-search-wrap{min-width:100%}.dev-docs-main-grid{grid-template-columns:1fr}.dev-docs-col-right{grid-column:auto;grid-template-columns:1fr}}@media (width<=640px){.dev-docs-categories-grid{grid-template-columns:repeat(2,1fr)}.dev-docs-bottom-banner{flex-direction:column;align-items:flex-start;gap:14px}.dev-docs-subscribe-btn{justify-content:center;width:100%}}.dev-dash-content-container.dev-dash-keys-container{max-width:100%}.dev-keys-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.dev-keys-top-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.dev-keys-top-left{flex-direction:column;gap:4px;display:flex}.dev-keys-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.dev-keys-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.45}.dev-keys-banner-card{background:linear-gradient(135deg,#e0f2fe 0%,#eff6ff 50%,#ebf5ff 100%);border:1px solid #bae6fd;border-radius:16px;flex-shrink:0;align-items:center;padding:12px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0084ff0d}.dev-keys-banner-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0084ff1f 0%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-20px;right:-20px}.dev-keys-banner-content{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.dev-keys-banner-shield-box{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.dev-keys-shield-badge{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.dev-keys-shield-icon{color:#0084ff;fill:#0084ff;filter:drop-shadow(0 4px 10px #0084ff59)}.dev-keys-shield-key-icon{color:#fff;position:absolute;transform:rotate(-45deg)}.dev-keys-shield-ring{border:1.5px dashed #0084ff66;border-radius:50%;animation:16s linear infinite spinKeysRing;position:absolute;inset:0}@keyframes spinKeysRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-keys-shield-dot{background:#38bdf8;border-radius:50%;width:5px;height:5px;position:absolute}.dev-keys-shield-dot.dot-1{top:4px;left:2px}.dev-keys-shield-dot.dot-2{bottom:6px;right:2px}.dev-keys-banner-text{flex-direction:column;gap:2px;display:flex}.dev-keys-banner-heading{color:#0f172a;font-size:14.5px;font-weight:800;line-height:1.25}.dev-keys-banner-subheading{color:#0084ff;font-size:13px;font-weight:700;line-height:1.25}.dev-keys-banner-tagline{color:#64748b;font-size:11.5px;line-height:1.25}.dev-keys-stats-row{grid-template-columns:repeat(4,1fr) auto;align-items:stretch;gap:14px;display:grid}.dev-keys-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.dev-keys-stat-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.dev-keys-stat-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dev-keys-stat-icon-box.total{background:#eff6ff}.dev-keys-stat-icon-box.active{background:#ecfdf5}.dev-keys-stat-icon-box.expired{background:#fffbeb}.dev-keys-stat-icon-box.revoked{background:#fef2f2}.dev-keys-stat-info{flex-direction:column;display:flex}.dev-keys-stat-label{color:#64748b;margin-bottom:2px;font-size:12px;font-weight:500}.dev-keys-stat-val-row{align-items:baseline;gap:6px;display:flex}.dev-keys-stat-value{color:#0f172a;margin-bottom:3px;font-size:26px;font-weight:800;line-height:1.1}.dev-keys-stat-trend{align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.dev-keys-stat-trend.green{color:#10b981}.dev-keys-stat-trend.orange{color:#d97706}.dev-keys-stat-trend.red{color:#ef4444}.dev-keys-btn-create-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#0084ff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0084ff40}.dev-keys-btn-create-primary:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 4px 14px #0084ff59}.dev-keys-control-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:2px;display:flex}.dev-keys-tabs{align-items:center;gap:8px;display:flex;overflow-x:auto}.dev-keys-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .15s}.dev-keys-tab-btn:hover{color:#0f172a}.dev-keys-tab-btn.active{color:#0084ff;border-bottom-color:#0084ff;font-weight:700}.dev-keys-filter-actions{align-items:center;gap:10px;display:flex}.dev-keys-search-wrap{align-items:center;width:280px;display:flex;position:relative}.dev-keys-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.dev-keys-search-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 32px 0 34px;font-size:13px;transition:all .15s}.dev-keys-search-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1a}.dev-keys-search-input::placeholder{color:#94a3b8}.dev-keys-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:10px}.dev-keys-search-clear:hover{color:#475569}.dev-keys-dropdown-wrap{position:relative}.dev-keys-btn-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dev-keys-btn-filter:hover,.dev-keys-btn-filter.active{color:#0084ff;background:#f8fafc;border-color:#cbd5e1}.dev-keys-filter-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;width:220px;padding:14px;animation:.15s ease-out fadeInDownKey;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #00000014}@keyframes fadeInDownKey{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dev-keys-filter-group{flex-direction:column;gap:4px;display:flex}.dev-keys-filter-label{color:#64748b;font-size:11.5px;font-weight:600}.dev-keys-filter-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:32px;padding:0 8px;font-size:12px}.dev-keys-filter-select:focus{border-color:#0084ff}.dev-keys-filter-reset-btn{color:#64748b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:6px;padding:6px;font-size:12px;transition:all .15s}.dev-keys-filter-reset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.dev-keys-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:visible;box-shadow:0 1px 3px #00000005}.dev-keys-table-responsive{width:100%;overflow-x:auto}.dev-keys-table{border-collapse:collapse;text-align:left;width:100%}.dev-keys-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.dev-keys-table th{color:#64748b;white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:600}.dev-keys-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px;font-size:13px}.dev-keys-row{transition:background .15s}.dev-keys-row:hover{background:#f8fafc}.dev-keys-row.selected{background:#eff6ff}.th-checkbox,.td-checkbox{text-align:center;width:44px;padding-left:16px!important;padding-right:8px!important}.dev-keys-checkbox{accent-color:#0084ff;cursor:pointer;border-radius:4px;width:16px;height:16px}.dev-keys-name-cell{flex-direction:column;gap:2px;min-width:180px;display:flex}.dev-keys-name-title{color:#0f172a;font-size:13.5px;font-weight:700}.dev-keys-name-desc{color:#64748b;font-size:11.5px;line-height:1.35}.dev-keys-code-cell{white-space:nowrap;align-items:center;gap:8px;min-width:220px;display:inline-flex}.dev-keys-code-text{color:#334155;letter-spacing:.2px;white-space:nowrap;word-break:keep-all;background:0 0;font-family:Fira Code,Consolas,monospace;font-size:12px}.dev-keys-btn-copy{color:#0084ff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.dev-keys-btn-copy:hover{background:#eff6ff}.dev-keys-project-name{color:#334155;white-space:nowrap;font-size:13px;font-weight:500}.dev-keys-perm-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dev-keys-perm-badge{color:#0084ff;white-space:nowrap;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.dev-keys-date-cell{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.dev-keys-date-main{color:#334155;font-size:12.5px;font-weight:500}.dev-keys-date-sub{color:#94a3b8;font-size:11px}.dev-keys-expiry-text{color:#334155;white-space:nowrap;font-size:12.5px;font-weight:500}.dev-keys-status-cell{white-space:nowrap;flex-direction:column;gap:3px;display:flex}.dev-keys-status-pill{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.dev-keys-status-dot{border-radius:50%;width:6px;height:6px}.dev-keys-status-pill.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.dev-keys-status-pill.active .dev-keys-status-dot{background:#10b981}.dev-keys-status-pill.expiring{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.dev-keys-status-pill.expiring .dev-keys-status-dot{background:#f59e0b}.dev-keys-status-pill.revoked{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.dev-keys-status-pill.revoked .dev-keys-status-dot{background:#94a3b8}.dev-keys-substatus{margin-left:2px;font-size:11px}.dev-keys-substatus.expiring{color:#d97706}.dev-keys-substatus.revoked{color:#94a3b8}.dev-keys-action-cell{justify-content:center;align-items:center;display:flex;position:relative}.dev-keys-btn-more{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dev-keys-btn-more:hover{color:#0084ff;background:#eff6ff}.dev-keys-action-menu{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;width:170px;padding:6px;animation:.15s ease-out fadeInDownKey;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px #00000014}.dev-keys-action-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.dev-keys-action-item:hover{color:#0f172a;background:#f1f5f9}.dev-keys-action-item.warning{color:#d97706}.dev-keys-action-item.warning:hover{background:#fffbeb}.dev-keys-action-item.danger{color:#ef4444}.dev-keys-action-item.danger:hover{background:#fef2f2}.dev-keys-bottom-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dev-keys-bottom-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 1px 3px #00000005}.dev-keys-bottom-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dev-keys-bottom-icon-box.blue{background:#eff6ff}.dev-keys-bottom-icon-box.green{background:#ecfdf5}.dev-keys-bottom-icon-box.blue-circle{background:#eff6ff;border-radius:50%}.dev-keys-bottom-info{flex-direction:column;flex:1;gap:8px;display:flex}.dev-keys-bottom-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-keys-bottom-desc{color:#64748b;margin:0 0 4px;font-size:12.5px;line-height:1.45}.dev-keys-bottom-btn{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-keys-bottom-btn:hover{background:#eff6ff;border-color:#0084ff}.dev-keys-practices-list{flex-direction:column;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.dev-keys-practices-list li{color:#334155;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.dev-keys-practice-check{color:#10b981;flex-shrink:0}.dev-keys-bottom-link-btn{color:#0084ff;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-keys-bottom-link-btn:hover{color:#0073e6;gap:8px}.dev-keys-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInKeyModal;display:flex;position:fixed;inset:0}@keyframes fadeInKeyModal{0%{opacity:0}to{opacity:1}}.dev-keys-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:580px;animation:.2s cubic-bezier(.16,1,.3,1) scaleUpKeyModal;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000029}@keyframes scaleUpKeyModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dev-keys-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.dev-keys-modal-title-row{align-items:center;gap:12px;display:flex}.dev-keys-modal-icon-badge{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-keys-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.dev-keys-modal-sub{color:#64748b;font-size:12px}.dev-keys-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.dev-keys-modal-close:hover{color:#0f172a;background:#f1f5f9}.dev-keys-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.dev-keys-form-group{flex-direction:column;gap:6px;display:flex}.dev-keys-form-group.half{flex:1}.dev-keys-form-row{gap:14px;display:flex}.dev-keys-form-label{color:#334155;font-size:12.5px;font-weight:600}.dev-keys-form-label .req{color:#ef4444}.dev-keys-form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 12px;font-size:13px;transition:all .15s}.dev-keys-form-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1a}.dev-keys-form-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 10px;font-size:13px;transition:all .15s}.dev-keys-form-select:focus{border-color:#0084ff}.dev-keys-scopes-grid{flex-wrap:wrap;gap:8px;display:flex}.dev-keys-scope-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.dev-keys-scope-chip:hover{color:#0084ff;background:#eff6ff;border-color:#bfdbfe}.dev-keys-scope-chip.active{color:#0084ff;background:#eff6ff;border-color:#0084ff}.dev-keys-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.dev-keys-modal-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dev-keys-modal-btn.outline{color:#334155;background:#fff;border:1px solid #cbd5e1}.dev-keys-modal-btn.outline:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.dev-keys-modal-btn.primary{color:#fff;background:#0084ff;border:1px solid #0084ff;box-shadow:0 2px 8px #0084ff40}.dev-keys-modal-btn.primary:hover{background:#0073e6}.dev-keys-modal-body.success-state{text-align:center;align-items:center;padding:30px 24px}.dev-keys-success-badge{background:#ecfdf5;border:2px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:6px;display:flex}.dev-keys-success-title{color:#0f172a;margin:0;font-size:17px;font-weight:800}.dev-keys-success-desc{color:#64748b;max-width:440px;margin:0 0 12px;font-size:13px;line-height:1.5}.dev-keys-created-key-box{background:#f8fafc;border:1.5px dashed #0084ff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.dev-keys-created-code{color:#0084ff;word-break:break-all;font-family:Fira Code,Consolas,monospace;font-size:13px;font-weight:600}.dev-keys-btn-copy-success{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dev-keys-btn-copy-success:hover{background:#0073e6}.dev-keys-success-alert{color:#1e40af;text-align:left;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:12px;display:flex}@media (width<=1200px){.dev-keys-stats-row{grid-template-columns:repeat(2,1fr) auto}}@media (width<=900px){.dev-keys-top-row{flex-direction:column;align-items:stretch;gap:16px}.dev-keys-banner-card{box-sizing:border-box;justify-content:center;width:100%}.dev-keys-stats-row{grid-template-columns:repeat(2,1fr)}.dev-keys-btn-create-primary{grid-column:1/-1;height:44px}.dev-keys-bottom-grid{grid-template-columns:1fr}.dev-keys-control-bar{flex-direction:column;align-items:stretch}.dev-keys-filter-actions{justify-content:space-between;width:100%}.dev-keys-search-wrap{flex:1;width:auto}}@media (width<=640px){.dev-keys-stats-row{grid-template-columns:1fr}.dev-keys-form-row{flex-direction:column}.dev-keys-created-key-box{text-align:center;flex-direction:column;align-items:stretch}}.dev-dash-content-container.dev-dash-billing-container{max-width:100%}.dev-billing-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.dev-billing-top-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.dev-billing-top-left{flex-direction:column;gap:4px;display:flex}.dev-billing-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:26px;font-weight:800}.dev-billing-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.dev-billing-banner-card{background:linear-gradient(135deg,#f0f7ff 0%,#e0f2fe 45%,#eff6ff 100%);border:1px solid #bae6fdcc;border-radius:14px;flex-shrink:0;padding:12px 22px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0084ff0f}.dev-billing-banner-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0084ff26 0%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-20px;right:-20px}.dev-billing-banner-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.dev-billing-card-art{background:linear-gradient(135deg,#0084ff 0%,#005bb5 100%);border-radius:7px;flex-shrink:0;width:84px;height:52px;transition:transform .3s;position:relative;overflow:hidden;transform:perspective(400px)rotateY(-8deg)rotateX(4deg);box-shadow:0 8px 18px #0084ff59,inset 0 1px 1px #fff6}.dev-billing-card-art:hover{transform:perspective(400px)rotateY(-2deg)rotateX(2deg)translateY(-2px)}.dev-billing-card-chip{background:linear-gradient(135deg,#fef08a 0%,#eab308 100%);border-radius:2px;width:13px;height:10px;position:absolute;top:9px;left:9px;box-shadow:0 1px 2px #00000026}.dev-billing-card-stripes{flex-direction:column;gap:2.5px;display:flex;position:absolute;bottom:8px;left:9px}.dev-billing-card-stripes .stripe{background:#ffffffa6;border-radius:1px;width:32px;height:2px}.dev-billing-card-stripes .stripe.short{width:18px}.dev-billing-card-hologram{background:#ffffff40;border:1.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:8px;right:8px}.dev-billing-banner-text{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.dev-billing-banner-heading{color:#1e3a8a;font-size:13px;font-weight:600;line-height:1.3}.dev-billing-banner-subheading{color:#0284c7;font-size:13px;font-weight:600;line-height:1.3}.dev-billing-banner-brand{color:#0f172a;letter-spacing:.6px;margin-top:3px;font-size:13.5px;font-weight:900}.dev-billing-tabs{border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding-bottom:12px;display:flex;overflow-x:auto}.dev-billing-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.dev-billing-tab-btn:hover{color:#0f172a;background:#f8fafc}.dev-billing-tab-btn.active{color:#0084ff;background:#eff6ff}.dev-billing-overview-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dev-billing-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.dev-billing-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.dev-billing-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-billing-stat-icon.blue{background:#eff6ff}.dev-billing-stat-icon.green{background:#ecfdf5}.dev-billing-stat-icon.purple{background:#f5f3ff}.dev-billing-stat-icon.orange{background:#fff7ed}.dev-billing-stat-content{flex-direction:column;gap:2px;display:flex}.dev-billing-stat-label{color:#64748b;font-size:12px;font-weight:500}.dev-billing-stat-value{color:#0f172a;letter-spacing:-.3px;font-size:22px;font-weight:800}.dev-billing-stat-sub{color:#94a3b8;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.dev-billing-stat-sub.green{color:#10b981;font-weight:600}.dev-billing-stat-link-btn{color:#0084ff;cursor:pointer;background:#eff6ff;border:1px solid #0084ff33;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dev-billing-stat-link-btn:hover{background:#dbeafe}.dev-billing-stat-outline-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dev-billing-stat-outline-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dev-billing-main-split{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.dev-billing-plans-section{flex-direction:column;gap:16px;display:flex}.dev-billing-plans-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dev-billing-section-title{color:#0f172a;margin:0 0 2px;font-size:18px;font-weight:800}.dev-billing-section-subtitle{color:#64748b;margin:0;font-size:12.5px}.dev-billing-cycle-switch{background:#f1f5f9;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.dev-billing-cycle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.dev-billing-cycle-btn:hover{color:#0f172a}.dev-billing-cycle-btn.active{color:#0084ff;background:#fff;box-shadow:0 1px 3px #00000014}.dev-billing-save-badge{color:#059669;background:#ecfdf5;border:1px solid #10b98133;border-radius:6px;margin-left:4px;margin-right:2px;padding:3px 8px;font-size:11px;font-weight:700}.dev-billing-plans-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dev-billing-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:20px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000005}.dev-billing-plan-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0000000d}.dev-billing-plan-card.popular{border:1.5px solid #0084ff;box-shadow:0 4px 18px #0084ff1f}.dev-billing-plan-card.pro-highlight{border:1.5px solid #c4b5fd}.dev-billing-plan-badge{color:#fff;letter-spacing:.2px;background:#0084ff;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:-11px;right:14px;box-shadow:0 2px 6px #0084ff59}.dev-billing-plan-top{flex-direction:column;display:flex}.dev-billing-plan-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:flex}.dev-billing-plan-title{color:#0f172a;margin:0 0 3px;font-size:16px;font-weight:800}.dev-billing-plan-subtitle{color:#64748b;min-height:26px;font-size:11px;line-height:1.35;display:block}.dev-billing-plan-price-row{margin:12px 0 16px}.dev-billing-plan-price{color:#0f172a;letter-spacing:-.3px;font-size:18px;font-weight:800}.dev-billing-plan-features{flex-direction:column;flex-grow:1;gap:9px;margin:0 0 20px;padding:0;list-style:none;display:flex}.dev-billing-plan-features li{color:#334155;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4;display:flex}.dev-billing-feat-check{color:#10b981;flex-shrink:0;margin-top:1.5px}.dev-billing-plan-footer{margin-top:auto}.dev-billing-btn-plan{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.dev-billing-btn-plan.current{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0}.dev-billing-btn-plan.primary{color:#fff;background:#0084ff;border:none;box-shadow:0 2px 6px #0084ff40}.dev-billing-btn-plan.primary:hover{background:#0070d6}.dev-billing-btn-plan.pro{color:#7c3aed;background:#fff;border:1.5px solid #8b5cf6}.dev-billing-btn-plan.pro:hover{background:#f5f3ff}.dev-billing-btn-plan.outline{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.dev-billing-btn-plan.outline:hover{background:#f8fafc;border-color:#cbd5e1}.dev-billing-right-col{flex-direction:column;gap:16px;display:flex}.dev-billing-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 1px 3px #00000008}.dev-billing-side-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dev-billing-side-title{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.dev-billing-side-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.dev-billing-side-link:hover{opacity:.8}.dev-billing-add-method-box{cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;transition:all .15s;display:flex}.dev-billing-add-method-box:hover{background:#f1f5f9;border-color:#0084ff}.dev-billing-add-plus{color:#0084ff;background:#eff6ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dev-billing-add-info{flex-direction:column;display:flex}.dev-billing-add-title{color:#0f172a;font-size:12px;font-weight:600}.dev-billing-add-sub{color:#94a3b8;font-size:10.5px}.dev-billing-methods-list{flex-direction:column;display:flex}.dev-billing-method-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:relative}.dev-billing-method-item:last-child{border-bottom:none}.dev-billing-method-left{align-items:center;gap:10px;display:flex}.dev-billing-card-badge{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dev-billing-card-badge.visa{color:#fff;letter-spacing:.5px;background:#1e3a8a;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:900}.dev-billing-card-badge.momo{color:#fff;background:#a21060;border-radius:4px;flex-direction:column;align-items:center;padding:2px 5px;font-size:8px;font-weight:800;line-height:1;display:flex}.dev-billing-method-details{flex-direction:column;display:flex}.dev-billing-method-title-row{align-items:center;gap:6px;display:flex}.dev-billing-method-title{color:#0f172a;font-size:12.5px;font-weight:700}.dev-billing-badge-default{color:#059669;background:#ecfdf5;border-radius:4px;padding:1.5px 5px;font-size:9.5px;font-weight:700}.dev-billing-method-sub{color:#64748b;font-size:11px}.dev-billing-method-actions{position:relative}.dev-billing-method-more-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.dev-billing-method-more-btn:hover{color:#0f172a;background:#f1f5f9}.dev-billing-menu-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:140px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 14px #0000001a}.dev-billing-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:6px 10px;font-size:11.5px;transition:all .15s;display:flex}.dev-billing-menu-item:hover{color:#0f172a;background:#f1f5f9}.dev-billing-menu-item.danger{color:#ef4444}.dev-billing-menu-item.danger:hover{background:#fef2f2}.dev-billing-history-list{flex-direction:column;display:flex}.dev-billing-history-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dev-billing-history-item:last-child{border-bottom:none}.dev-billing-history-left{align-items:center;gap:10px;display:flex}.dev-billing-history-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dev-billing-history-icon.success{background:#ecfdf5}.dev-billing-history-icon.failed{background:#fef2f2}.dev-billing-history-details{flex-direction:column;display:flex}.dev-billing-history-title{color:#0f172a;font-size:12px;font-weight:600}.dev-billing-history-date{color:#94a3b8;font-size:10.5px}.dev-billing-history-right{flex-direction:column;align-items:flex-end;display:flex}.dev-billing-history-amount{color:#0f172a;font-size:12px;font-weight:700}.dev-billing-history-status{font-size:10.5px;font-weight:500}.dev-billing-history-status.success{color:#10b981}.dev-billing-history-status.failed{color:#ef4444}.dev-billing-security-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex}.dev-billing-security-left{align-items:center;gap:14px;display:flex}.dev-billing-security-icon-box{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-billing-security-text{flex-direction:column;display:flex}.dev-billing-security-title{color:#0f172a;font-size:13px;font-weight:700}.dev-billing-security-desc{color:#64748b;margin:0;font-size:11.5px}.dev-billing-security-badges{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.dev-billing-pci-badge{color:#10b981;letter-spacing:.2px;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.dev-billing-ssl-badge{color:#0f172a;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.dev-billing-brand-visa{color:#1e3a8a;letter-spacing:.5px;font-size:13px;font-weight:900}.dev-billing-brand-mc{align-items:center;width:28px;height:18px;display:flex;position:relative}.dev-billing-brand-mc .circle{border-radius:50%;width:17px;height:17px;position:absolute}.dev-billing-brand-mc .circle.red{background:#eb001b;left:0}.dev-billing-brand-mc .circle.orange{opacity:.9;background:#f79e1b;right:0}.dev-billing-brand-momo{color:#fff;background:#a21060;border-radius:4px;flex-direction:column;align-items:center;padding:2px 5px;font-size:8px;font-weight:800;line-height:1;display:flex}.dev-billing-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeInModal;display:flex;position:fixed;inset:0}.dev-billing-modal-card{background:#fff;border-radius:16px;width:100%;max-width:520px;animation:.2s cubic-bezier(.16,1,.3,1) scaleUpModal;overflow:hidden;box-shadow:0 20px 45px #00000026}.dev-billing-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dev-billing-modal-title-row{align-items:center;gap:12px;display:flex}.dev-billing-modal-icon-badge{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-billing-modal-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-billing-modal-sub{color:#64748b;font-size:11.5px}.dev-billing-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.dev-billing-modal-close:hover{color:#0f172a;background:#f1f5f9}.dev-billing-modal-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.dev-billing-upgrade-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.dev-billing-upgrade-plan-row{color:#64748b;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.dev-billing-upgrade-plan-row.total{border-top:1px solid #e2e8f0;margin-top:2px;padding-top:8px}.dev-billing-upgrade-plan-val{color:#0f172a;font-weight:600}.dev-billing-upgrade-total-price{color:#0084ff;font-size:16px;font-weight:800}.dev-billing-modal-features-list{flex-direction:column;gap:8px;display:flex}.dev-billing-modal-features-title{color:#0f172a;margin:0;font-size:12.5px;font-weight:700}.dev-billing-modal-features-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dev-billing-modal-features-list li{color:#334155;align-items:center;gap:8px;font-size:12px;display:flex}.dev-billing-select-payment-section{flex-direction:column;gap:6px;display:flex}.dev-billing-modal-label{color:#475569;font-size:12px;font-weight:600}.dev-billing-selected-method-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.dev-billing-method-text{color:#0f172a;font-size:12px;font-weight:600}.dev-billing-modal-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.dev-billing-modal-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dev-billing-modal-btn.outline{color:#334155;background:#fff;border:1px solid #cbd5e1}.dev-billing-modal-btn.outline:hover{background:#f1f5f9}.dev-billing-modal-btn.primary{color:#fff;background:#0084ff;border:none;box-shadow:0 2px 6px #0084ff40}.dev-billing-modal-btn.primary:hover{background:#0070d6}.dev-billing-method-tabs{gap:8px;margin-bottom:6px;display:flex}.dev-billing-method-tab-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.dev-billing-method-tab-btn.active{color:#0084ff;background:#eff6ff;border-color:#0084ff}.dev-billing-form-group{flex-direction:column;gap:4px;display:flex}.dev-billing-form-group.half{flex:1}.dev-billing-form-row{gap:12px;display:flex}.dev-billing-form-label{color:#334155;font-size:12px;font-weight:600}.dev-billing-form-label .req{color:#ef4444}.dev-billing-form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px;font-size:13px;transition:all .15s}.dev-billing-form-input:focus{border-color:#0084ff;outline:none;box-shadow:0 0 0 3px #0084ff1f}.dev-billing-coupon-input-wrap{gap:8px;display:flex}.dev-billing-coupon-input{color:#0f172a;text-transform:uppercase;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:9px 12px;font-size:13px}.dev-billing-coupon-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.dev-billing-coupon-btn:hover{background:#0070d6}.dev-billing-available-coupons{flex-direction:column;gap:8px;margin-top:4px;display:flex}.dev-billing-coupons-title{color:#475569;margin:0;font-size:12px;font-weight:700}.dev-billing-coupon-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.dev-billing-coupon-left{align-items:center;gap:10px;display:flex}.dev-billing-coupon-code{color:#0f172a;font-size:12px;font-weight:800;display:block}.dev-billing-coupon-desc{color:#64748b;font-size:11px;display:block}.dev-billing-coupon-use-btn{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.dev-billing-coupon-use-btn:hover{background:#eff6ff;border-color:#0084ff}@media (width<=1200px){.dev-billing-overview-grid,.dev-billing-plans-grid{grid-template-columns:repeat(2,1fr)}.dev-billing-main-split{grid-template-columns:1fr}}@media (width<=900px){.dev-billing-top-row{flex-direction:column;align-items:stretch}.dev-billing-banner-card{justify-content:center}}@media (width<=640px){.dev-billing-overview-grid,.dev-billing-plans-grid{grid-template-columns:1fr}.dev-billing-plans-header{flex-direction:column;align-items:flex-start}.dev-billing-security-banner{flex-direction:column;align-items:flex-start;gap:14px}}.dev-dash-content-container.dev-dash-support-container{box-sizing:border-box;width:100%;max-width:100%;padding:24px 32px 48px}.dev-support-wrapper{box-sizing:border-box;width:100%}.dev-support-main-layout{grid-template-columns:1fr 310px;align-items:start;gap:24px;width:100%;display:grid}.dev-support-left-col{flex-direction:column;min-width:0;display:flex}.dev-support-hero-card{background:linear-gradient(135deg,#f0f7ff 0%,#e2eeff 50%,#d8eaff 100%);border:1px solid #bfdbfe;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0084ff14}.dev-support-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0084ff1f 0%,#fff0 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.dev-support-hero-left{z-index:2;flex:1;max-width:620px}.dev-support-hero-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:800}.dev-support-hero-subtitle{color:#475569;margin:0 0 20px;font-size:13.5px;font-weight:400;line-height:1.5}.dev-support-search-form{gap:10px;width:100%;margin-bottom:12px;display:flex}.dev-support-search-input-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;padding:0 14px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.dev-support-search-input-wrap:focus-within{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff26}.dev-support-search-icon{color:#64748b;flex-shrink:0;margin-right:10px}.dev-support-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:13.5px}.dev-support-search-input::placeholder{color:#94a3b8}.dev-support-search-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 22px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #0084ff40}.dev-support-search-btn:hover{background:#0073e6;transform:translateY(-1px);box-shadow:0 4px 12px #0084ff59}.dev-support-search-hints{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.dev-support-hint-label{color:#94a3b8;margin-right:2px;font-weight:500}.dev-support-hint-link{color:#334155;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .15s}.dev-support-hint-link:hover{color:#0084ff;text-decoration:underline}.dev-support-hint-sep{color:#cbd5e1}.dev-support-hero-right{z-index:2;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:220px;display:flex;position:relative}.dev-support-speech-bubble{z-index:4;color:#0369a1;text-align:center;white-space:pre-line;background:#fff;border:1px solid #bfdbfe;border-radius:12px;max-width:140px;padding:6px 12px;font-size:11.5px;font-weight:600;line-height:1.35;position:absolute;top:-16px;right:12px;box-shadow:0 4px 14px #0084ff1f}.dev-support-speech-bubble:after{content:"";border-top:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:28px}.dev-support-speech-bubble:before{content:"";border-top:7px solid #bfdbfe;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:27px}.dev-support-mascot-container{flex-direction:column;align-items:center;display:flex;position:relative}.dev-support-mascot-img-wrap{justify-content:center;align-items:center;width:145px;height:145px;display:flex;position:relative}.dev-support-mascot-img{object-fit:contain;filter:drop-shadow(0 8px 16px #0084ff38);width:100%;height:100%;animation:4s ease-in-out infinite floatMascot}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dev-support-mascot-code-badge{color:#fff;background:linear-gradient(135deg,#0084ff 0%,#0056cc 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:monospace;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 4px 10px #0084ff59}.dev-support-mascot-slogan{color:#0284c7;text-align:center;white-space:pre-line;margin-top:4px;font-size:11px;font-style:italic;font-weight:600;line-height:1.25}.dev-support-topics-section{margin-bottom:24px}.dev-support-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dev-support-section-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.dev-support-view-all-btn{color:#0084ff;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dev-support-view-all-btn:hover{color:#0062cc;background:#eff6ff}.dev-support-topics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dev-support-topic-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:140px;padding:18px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000005}.dev-support-topic-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 6px 18px #0084ff14}.dev-support-topic-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;transition:transform .2s;display:flex}.dev-support-topic-card:hover .dev-support-topic-icon{transform:scale(1.06)}.dev-support-topic-info{flex-direction:column;flex:1;width:100%;display:flex}.dev-support-topic-title{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.3}.dev-support-topic-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 10px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dev-support-topic-count{color:#94a3b8;font-size:11.5px;font-weight:500}.dev-support-channels-section{margin-bottom:24px}.dev-support-channels-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dev-support-channel-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:180px;padding:18px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.dev-support-channel-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0000000d}.dev-support-channel-top{flex-direction:column;align-items:flex-start;margin-bottom:16px;display:flex}.dev-support-channel-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:flex}.dev-support-channel-icon.green{background:#ecfdf5}.dev-support-channel-icon.blue{background:#eff6ff}.dev-support-channel-icon.sky{background:#f0f9ff}.dev-support-channel-icon.phone{background:#eff6ff}.dev-support-channel-title{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:600}.dev-support-channel-desc{color:#64748b;margin:0;font-size:12px;line-height:1.4}.dev-support-channel-phone-info{flex-direction:column;gap:2px;margin-top:2px;display:flex}.dev-support-channel-phone-info .phone-num{color:#0084ff;font-size:15px;font-weight:700}.dev-support-channel-phone-info .phone-time{color:#64748b;font-size:11px}.dev-support-channel-bottom{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:6px;padding-top:12px;display:flex}.dev-support-channel-status.online{color:#059669;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.dev-support-channel-status .pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 0 2px #10b98133}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.dev-support-channel-badge{white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:500}.dev-support-channel-badge.gray{color:#64748b;background:#f1f5f9}.dev-support-channel-badge.green{color:#059669;background:#ecfdf5}.dev-support-channel-badge.sky{color:#0284c7;background:#f0f9ff}.dev-support-channel-btn{color:#0084ff;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-support-channel-btn:hover{color:#0062cc;transform:translate(2px)}.dev-support-bottom-banner{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0084ff0a}.dev-support-bottom-left{align-items:center;gap:16px;display:flex}.dev-support-bottom-icon{background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dev-support-bottom-text{flex-direction:column;gap:3px;display:flex}.dev-support-bottom-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-support-bottom-desc{color:#64748b;margin:0;font-size:12.5px}.dev-support-bottom-right{align-items:center;gap:18px;display:flex}.dev-support-bottom-contact-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #0000000a}.dev-support-bottom-contact-btn:hover{color:#0084ff;background:#f8fafc;border-color:#0084ff}.dev-support-avatar-stack{align-items:center;display:flex}.dev-support-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px;box-shadow:0 1px 3px #0000001a}.dev-support-avatar:first-child{margin-left:0}.dev-support-avatar-more{color:#475569;background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-left:-8px;font-size:11px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.dev-support-right-col{flex-direction:column;gap:16px;min-width:0;display:flex}.dev-support-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000005}.dev-support-side-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dev-support-side-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-support-side-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;transition:color .15s;display:inline-flex}.dev-support-side-link:hover{color:#0062cc}.dev-support-faq-list{flex-direction:column;display:flex}.dev-support-faq-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;transition:all .15s;display:flex}.dev-support-faq-item:last-child{border-bottom:none;padding-bottom:0}.dev-support-faq-item:hover .dev-support-faq-question{color:#0084ff}.dev-support-faq-item:hover .dev-support-faq-arrow{color:#0084ff;transform:translate(2px)}.dev-support-faq-question{color:#334155;font-size:12.5px;line-height:1.4;transition:color .15s}.dev-support-faq-arrow{color:#94a3b8;flex-shrink:0;margin-left:8px;transition:transform .15s,color .15s}.dev-support-status-card{cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.dev-support-status-card:hover{background:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px)}.dev-support-status-left{align-items:center;gap:12px;display:flex}.dev-support-status-dot-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.dev-support-status-dot-wrap .status-ping{opacity:.5;background:#10b981;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite pingGreen;position:absolute}@keyframes pingGreen{75%,to{opacity:0;transform:scale(1.8)}}.dev-support-status-dot-wrap .status-circle{z-index:1;background:#059669;border-radius:50%;width:10px;height:10px}.dev-support-status-info{flex-direction:column;gap:2px;display:flex}.dev-support-status-title{color:#065f46;font-size:13px;font-weight:700}.dev-support-status-desc{color:#047857;font-size:11.5px}.dev-support-status-arrow{color:#059669;flex-shrink:0}.dev-support-resources-list{flex-direction:column;gap:10px;display:flex}.dev-support-resource-item{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.dev-support-resource-item:hover{background:#eff6ff;border-color:#bfdbfe;transform:translate(2px)}.dev-support-res-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 2px #0000000a}.dev-support-res-details{flex-direction:column;flex:1;gap:2px;display:flex}.dev-support-res-title{color:#0f172a;font-size:13px;font-weight:600}.dev-support-res-desc{color:#64748b;font-size:11px}.dev-support-res-arrow{color:#94a3b8;flex-shrink:0;transition:transform .15s}.dev-support-resource-item:hover .dev-support-res-arrow{color:#0084ff;transform:translate(2px)}.dev-support-modal-overlay,.dev-support-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.dev-support-chat-modal,.dev-support-ticket-modal,.dev-support-faq-modal,.dev-support-topic-modal,.dev-support-community-modal,.dev-support-modal-container,.dev-support-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;animation:.25s cubic-bezier(.16,1,.3,1) popModal;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dev-support-modal-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.dev-support-modal-label{color:#1e293b;font-size:13px;font-weight:600}.dev-support-modal-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:all .2s}.dev-support-modal-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff26}.dev-support-modal-input::placeholder{color:#94a3b8}.dev-support-ticket-modal{max-width:600px}@keyframes popModal{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dev-support-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:18px 24px;display:flex}.dev-support-modal-title-row{align-items:center;gap:12px;display:flex}.dev-support-modal-icon-badge{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dev-support-modal-title{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.dev-support-modal-sub{color:#64748b;font-size:12px;display:block}.dev-support-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.dev-support-modal-close:hover{color:#0f172a;background:#e2e8f0}.dev-support-modal-body{max-height:70vh;padding:20px 24px;overflow-y:auto}.dev-support-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.dev-support-modal-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dev-support-modal-btn.primary{color:#fff;background:#0084ff;border:none;box-shadow:0 2px 6px #0084ff40}.dev-support-modal-btn.primary:hover{background:#0073e6}.dev-support-modal-btn.outline{color:#475569;background:#fff;border:1px solid #cbd5e1}.dev-support-modal-btn.outline:hover{color:#0f172a;background:#f1f5f9}.dev-support-field-group{margin-bottom:16px}.dev-support-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.dev-support-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.dev-support-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff26}.dev-support-chat-header{color:#fff;background:linear-gradient(135deg,#0084ff 0%,#06c 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dev-support-chat-header .dev-support-modal-close{color:#ffffffd9}.dev-support-chat-header .dev-support-modal-close:hover{color:#fff;background:#fff3}.dev-support-chat-agent-info{align-items:center;gap:12px;display:flex}.dev-support-chat-agent-avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:2px;display:flex;position:relative}.dev-support-chat-agent-avatar img{object-fit:contain;width:100%;height:100%}.dev-support-chat-agent-avatar .online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.dev-support-chat-title{color:#fff;margin:0;font-size:15px;font-weight:700}.dev-support-chat-status-text{color:#ffffffd9;font-size:11.5px}.dev-support-chat-body{background:#f8fafc;flex-direction:column;gap:12px;height:320px;padding:16px 20px;display:flex;overflow-y:auto}.dev-support-chat-time-divider{color:#64748b;background:#e2e8f0;border-radius:12px;align-self:center;margin-bottom:4px;padding:3px 10px;font-size:11px;font-weight:600}.dev-support-chat-bubble-row{align-items:flex-end;gap:8px;display:flex}.dev-support-chat-bubble-row.user{justify-content:flex-end}.dev-support-chat-avatar-mini{background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dev-support-chat-bubble{border-radius:14px;flex-direction:column;gap:4px;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.45;display:flex;box-shadow:0 1px 2px #0000000a}.dev-support-chat-bubble-row.bot .dev-support-chat-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.dev-support-chat-bubble-row.user .dev-support-chat-bubble{color:#fff;background:#0084ff;border-bottom-right-radius:4px}.dev-support-chat-bubble .msg-time{opacity:.7;align-self:flex-end;font-size:10px}.dev-support-chat-quick-prompts{background:#fff;border-top:1px solid #e2e8f0;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.quick-prompt-btn{color:#334155;white-space:nowrap;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.quick-prompt-btn:hover{color:#0084ff;background:#eff6ff;border-color:#0084ff}.dev-support-chat-footer{background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;display:flex}.dev-support-chat-input{border:1px solid #cbd5e1;border-radius:20px;outline:none;flex:1;padding:9px 16px;font-family:inherit;font-size:13px;transition:border-color .15s}.dev-support-chat-input:focus{border-color:#0084ff}.dev-support-chat-send-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.dev-support-chat-send-btn:hover{background:#06c;transform:scale(1.05)}.dev-support-form-row{gap:16px;margin-bottom:14px;display:flex}.dev-support-form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.dev-support-form-group.half{flex:1;margin-bottom:0}.dev-support-form-label{color:#334155;font-size:12.5px;font-weight:600}.dev-support-form-label .req{color:#ef4444}.dev-support-form-input,.dev-support-form-select,.dev-support-form-textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .15s}.dev-support-form-input:focus,.dev-support-form-select:focus,.dev-support-form-textarea:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1f}.dev-support-form-textarea{resize:vertical;line-height:1.45}.dev-support-faq-modal-q{color:#0f172a;margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.4}.dev-support-faq-modal-a{color:#475569;margin:0;font-size:13.5px;line-height:1.6}.dev-support-topic-modal-sub{color:#334155;margin:0 0 12px;font-size:13px;font-weight:600}.dev-support-topic-articles-list{flex-direction:column;gap:10px;display:flex}.dev-support-topic-article-item{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.dev-support-topic-article-item:hover{color:#0084ff;background:#eff6ff;border-color:#bfdbfe}.dev-support-community-channel-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;transition:all .15s;display:flex}.dev-support-community-channel-card:last-child{margin-bottom:0}.dev-support-community-channel-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #0000000a}.dev-support-comm-left{align-items:center;gap:14px;display:flex}.dev-support-comm-left strong{color:#0f172a;margin-bottom:2px;font-size:13.5px;display:block}.dev-support-comm-left span{color:#64748b;font-size:11.5px;display:block}.dev-support-comm-btn{color:#1e293b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.dev-support-comm-btn:hover{color:#fff;background:#0084ff;border-color:#0084ff}@media (width<=1200px){.dev-support-main-layout{grid-template-columns:1fr}.dev-support-topics-grid,.dev-support-channels-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dev-dash-content-container.dev-dash-support-container{padding:18px 20px 36px}.dev-support-hero-card{flex-direction:column-reverse;align-items:flex-start;gap:20px;padding:24px}.dev-support-hero-right{align-self:center;margin-bottom:8px}.dev-support-bottom-banner{flex-direction:column;align-items:flex-start;gap:16px}.dev-support-bottom-right{justify-content:space-between;width:100%}}@media (width<=640px){.dev-support-topics-grid,.dev-support-channels-grid{grid-template-columns:1fr}.dev-support-search-form{flex-direction:column}.dev-support-search-btn{width:100%;padding:11px}.dev-support-form-row{flex-direction:column;gap:0}.dev-support-form-group.half{margin-bottom:14px}}.dev-dash-content-container.dev-dash-settings-container{box-sizing:border-box;width:100%;max-width:100%;padding:24px 32px 48px}.dev-settings-view{box-sizing:border-box;width:100%}.dev-settings-header{margin-bottom:20px}.dev-settings-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.dev-settings-subtitle{color:#64748b;margin:0;font-size:14px}.dev-settings-tabs-bar{scrollbar-width:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}.dev-settings-tabs-bar::-webkit-scrollbar{display:none}.dev-settings-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 16px;font-size:13.5px;font-weight:500;transition:all .2s;display:inline-flex}.dev-settings-tab-btn:hover{color:#0f172a;background:#f8fafc}.dev-settings-tab-btn.active{color:#0084ff;background:#ebf5ff;font-weight:600}.dev-settings-main-layout{grid-template-columns:1fr 368px;align-items:start;gap:24px;width:100%;display:grid}.dev-settings-left-col,.dev-settings-right-col{flex-direction:column;gap:20px;min-width:0;display:flex}.dev-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;transition:box-shadow .2s;box-shadow:0 1px 3px #00000005}.dev-settings-card.side-card{padding:20px}.dev-settings-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dev-settings-card-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:600}.dev-settings-card-sub{color:#64748b;margin:0;font-size:13px}.dev-settings-edit-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dev-settings-edit-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.dev-settings-profile-content{align-items:center;gap:28px;display:flex}.dev-settings-avatar-wrap{flex-shrink:0;width:90px;height:90px;position:relative}.dev-settings-avatar-img{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:90px;height:90px;box-shadow:0 2px 6px #0000000f}.dev-settings-avatar-camera{cursor:pointer;background:#0084ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s,transform .15s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 4px #00000026}.dev-settings-avatar-camera:hover{background:#0070d8;transform:scale(1.08)}.dev-settings-fields-table{flex-direction:column;flex:1;gap:12px;display:flex}.dev-settings-field-row{align-items:center;gap:20px;display:flex}.dev-settings-field-label{color:#475569;flex-shrink:0;width:100px;font-size:13.5px;font-weight:500}.dev-settings-field-value-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.dev-settings-field-text{color:#0f172a;font-size:13.5px;font-weight:500}.dev-settings-verified-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.dev-settings-rows-list{flex-direction:column;display:flex}.dev-settings-item-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.dev-settings-item-row:first-child{padding-top:4px}.dev-settings-item-row:last-child{border-bottom:none;padding-bottom:4px}.dev-settings-item-info{align-items:center;gap:14px;display:flex}.dev-settings-item-icon{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-settings-item-title{color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:600}.dev-settings-item-sub{color:#64748b;font-size:12.5px}.dev-settings-theme-selector{align-items:center;gap:8px;display:flex}.dev-settings-theme-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dev-settings-theme-btn:hover{color:#0f172a;border-color:#cbd5e1}.dev-settings-theme-btn.active{color:#0084ff;background:#fff;border-color:#0084ff;font-weight:600;box-shadow:0 1px 3px #0084ff1f}.dev-settings-radio-dot{background:#0084ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #0084ff33}.dev-settings-select-wrap{min-width:200px;position:relative}.dev-settings-select-wrap.timezone{min-width:270px}.dev-settings-select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 12px;font-size:13px;font-weight:500;transition:border-color .2s}.dev-settings-select:hover,.dev-settings-select:focus{border-color:#0084ff}.dev-settings-select-caret{pointer-events:none;color:#64748b;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dev-settings-toggle-btn{cursor:pointer;background:#cbd5e1;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:2px;transition:background .25s;position:relative}.dev-settings-toggle-btn.on{background:#0084ff}.dev-settings-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block;transform:translate(0);box-shadow:0 1px 3px #0003}.dev-settings-toggle-btn.on .dev-settings-toggle-thumb{transform:translate(20px)}.dev-settings-side-title{color:#0f172a;white-space:nowrap;margin:0;font-size:14.5px;font-weight:600}.dev-settings-side-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12.5px;font-weight:600;transition:opacity .2s;display:inline-flex}.dev-settings-side-link:hover{opacity:.8;text-decoration:underline}.dev-settings-plan-box{background:#fffdf8;border:1px solid #fed7aa;border-radius:12px;margin-bottom:18px;padding:16px}.dev-settings-plan-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dev-settings-plan-badge-icon{background:#fef3c7;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-settings-plan-name{color:#92400e;font-size:17px;font-weight:700}.dev-settings-plan-sub{color:#78350f;font-size:12px}.dev-settings-plan-action-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.dev-settings-plan-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dev-settings-plan-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dev-settings-plan-features li{color:#475569;align-items:center;gap:10px;font-size:12.5px;display:flex}.dev-settings-plan-check-icon{color:#94a3b8;flex-shrink:0}.dev-settings-activity-list{flex-direction:column;gap:14px;display:flex}.dev-settings-activity-item{align-items:center;gap:12px;display:flex}.dev-settings-activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dev-settings-activity-icon.success{color:#10b981;background:#ecfdf5}.dev-settings-activity-icon.info{color:#0084ff;background:#ebf5ff}.dev-settings-activity-icon.danger{color:#ef4444;background:#fef2f2}.dev-settings-activity-content{flex:1;min-width:0}.dev-settings-activity-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dev-settings-activity-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dev-settings-activity-time{color:#94a3b8;white-space:nowrap;text-align:right;flex-shrink:0;font-size:11.5px}.dev-settings-card.support-box{background:#fff}.dev-settings-need-help-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.dev-settings-need-help-icon{background:#ebf5ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dev-settings-need-help-title{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:600}.dev-settings-need-help-sub{color:#64748b;font-size:12.5px;line-height:1.4}.dev-settings-need-help-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dev-settings-need-help-btn:hover{background:#f8fafc;border-color:#94a3b8}@media (width<=1100px){.dev-settings-main-layout{grid-template-columns:1fr}}@media (width<=900px){.dev-dash-content-container.dev-dash-settings-container{padding:18px 20px 36px}}@media (width<=640px){.dev-settings-profile-content{flex-direction:column;align-items:flex-start;gap:16px}.dev-settings-field-row{flex-direction:column;align-items:flex-start;gap:6px}.dev-settings-field-label{width:auto}.dev-settings-item-row{flex-direction:column;align-items:flex-start;gap:12px}.dev-settings-theme-selector{flex-wrap:wrap;width:100%}.dev-settings-select-wrap,.dev-settings-select-wrap.timezone{width:100%}}.dev-settings-header.with-banner{justify-content:space-between;align-items:center;gap:20px;display:flex}.dev-settings-sec-header-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ebf5ffd9 0%,#e0f2fe80 100%);border:1px solid #bae6fdb3;border-radius:16px;align-items:center;gap:18px;padding:12px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0084ff0d}.dev-settings-sec-banner-shield{flex-shrink:0;justify-content:center;align-items:center;width:66px;height:72px;display:flex;position:relative}.dev-settings-sec-shield-halo{pointer-events:none;border-radius:50%;position:absolute}.dev-settings-sec-shield-halo.outer{background:radial-gradient(circle,#0084ff38 0%,#0084ff00 70%);width:90px;height:90px}.dev-settings-sec-shield-halo.inner{background:radial-gradient(circle,#38bdf859 0%,#0084ff00 70%);width:58px;height:58px}.dev-settings-shield-svg{filter:drop-shadow(0 6px 16px #0084ff52);z-index:1;width:56px;height:64px;position:relative}.dev-settings-sec-banner-text{flex-direction:column;display:flex}.dev-settings-sec-banner-title{color:#0077e6;letter-spacing:-.01em;margin:0 0 3px;font-size:15.5px;font-weight:700}.dev-settings-sec-banner-desc{color:#475569;margin:0;font-size:13px;font-weight:500;line-height:1.45}.dev-settings-sec-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px 22px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0f172a08}.dev-settings-sec-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.dev-settings-sec-card.danger-card{border-color:#fee2e2}.dev-settings-sec-card.danger-card:hover{background:#fffbfb;border-color:#fecaca}.dev-settings-sec-card-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.dev-settings-sec-icon-circle{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s;display:flex}.dev-settings-sec-card:hover .dev-settings-sec-icon-circle{transform:scale(1.05)}.dev-settings-sec-icon-circle.green{color:#16a34a;background:#dcfce7}.dev-settings-sec-icon-circle.blue{color:#0084ff;background:#ebf5ff}.dev-settings-sec-icon-circle.slate{color:#0f172a;background:#f1f5f9}.dev-settings-sec-icon-circle.red{color:#ef4444;background:#fee2e2}.dev-settings-sec-content{flex:1;min-width:0}.dev-settings-sec-title-row{align-items:center;gap:10px;margin-bottom:3px;display:flex}.dev-settings-sec-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-settings-sec-badge{border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.dev-settings-sec-badge.active{color:#16a34a;background:#dcfce7}.dev-settings-sec-desc-main{color:#334155;margin:0 0 3px;font-size:13px;font-weight:500;line-height:1.45}.dev-settings-sec-desc-sub{color:#64748b;margin:0;font-size:12px;line-height:1.45}.dev-settings-sec-btn{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:16px;padding:7px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dev-settings-sec-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.dev-settings-sec-btn.danger{color:#dc2626;background:#fff;border-color:#fecaca}.dev-settings-sec-btn.danger:hover{background:#fef2f2;border-color:#ef4444}.dev-settings-sec-btn.primary{color:#fff;background:#0084ff;border-color:#0084ff}.dev-settings-sec-btn.primary:hover{background:#0070d9;border-color:#0070d9}.dev-sec-level-card{padding:20px 22px}.dev-sec-level-body{align-items:center;gap:20px;display:flex}.dev-sec-gauge-container{flex-shrink:0;width:110px;height:65px}.dev-sec-gauge-svg{width:100%;height:100%;overflow:visible}.dev-sec-checklist{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dev-sec-checklist li{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.dev-sec-check-circle{background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.dev-sec-check-icon{flex-shrink:0}.dev-sec-login-list{flex-direction:column;gap:14px;display:flex}.dev-sec-login-item{align-items:center;gap:12px;display:flex;position:relative}.dev-sec-login-icon{background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dev-sec-login-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dev-sec-login-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.dev-sec-login-device{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dev-sec-login-loc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dev-sec-menu-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.dev-sec-more-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex}.dev-sec-more-btn:hover{background:#f1f5f9}.dev-sec-login-time-wrap{flex-direction:column;align-items:flex-end;display:flex}.dev-sec-active-pill{color:#16a34a;background:#dcfce7;border-radius:10px;margin-bottom:2px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-block}.dev-sec-login-time{color:#94a3b8;font-size:11px}.dev-sec-dropdown-menu{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;position:absolute;top:30px;right:0;overflow:hidden;box-shadow:0 4px 14px #0f172a1f}.dev-sec-dropdown-menu button{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:12.5px;transition:background .15s}.dev-sec-dropdown-menu button:hover{background:#f8fafc}.dev-sec-dropdown-menu button.danger{color:#dc2626}.dev-sec-dropdown-menu button.danger:hover{background:#fef2f2}.dev-sec-tip-box{background:#f0f7ff;border:1px solid #d0e4ff;border-radius:12px;align-items:flex-start;gap:14px;margin-top:14px;padding:16px 18px;display:flex}.dev-sec-tip-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 5px #0084ff1f}.dev-sec-tip-body{flex:1}.dev-sec-tip-title{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}.dev-sec-tip-text{color:#475569;margin:0 0 10px;font-size:12.5px;line-height:1.45}.dev-sec-tip-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12.5px;font-weight:600;transition:gap .2s,color .2s;display:inline-flex}.dev-sec-tip-link:hover{color:#06c;gap:8px}@media (width<=900px){.dev-settings-header.with-banner{flex-direction:column;align-items:flex-start;gap:14px}.dev-settings-sec-header-banner{width:100%}}@media (width<=640px){.dev-settings-sec-card{flex-direction:column;align-items:flex-start;gap:14px}.dev-settings-sec-btn{width:100%;margin-left:0}.dev-sec-level-body{flex-direction:column;align-items:flex-start;gap:14px}}.dev-dash-content-container.dev-dash-notif-container{max-width:1400px;margin:0 auto;padding:24px 32px 48px}.dev-notif-view-wrap{width:100%}.dev-notif-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dev-notif-header-text{flex:1}.dev-notif-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:700}.dev-notif-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.5}.dev-notif-mark-all-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.dev-notif-mark-all-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#86efac}.dev-notif-filters-bar{-webkit-overflow-scrolling:touch;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:4px;display:flex;overflow-x:auto}.dev-notif-pill{cursor:pointer;color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.dev-notif-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dev-notif-pill.active{color:#0084ff;background:#ebf5ff;border-color:#bfdbfe;font-weight:600;box-shadow:0 1px 3px #0084ff14}.dev-notif-main-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.dev-notif-left-col{flex-direction:column;min-width:0;display:flex}.dev-notif-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.dev-notif-list{flex-direction:column;display:flex}.dev-notif-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:18px 24px;transition:background .15s,transform .1s;display:flex;position:relative}.dev-notif-item:hover{background:#f8fafc}.dev-notif-item.unread{background:#fcfdff}.dev-notif-item:last-child{border-bottom:none}.dev-notif-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s;display:flex}.dev-notif-item:hover .dev-notif-icon-circle{transform:scale(1.05)}.dev-notif-icon-circle.bell{color:#0084ff;background:#e0f2fe}.dev-notif-icon-circle.folder{color:#10b981;background:#dcfce7}.dev-notif-icon-circle.card{color:#8b5cf6;background:#ede9fe}.dev-notif-icon-circle.settings{color:#2563eb;background:#dbeafe}.dev-notif-icon-circle.message{color:#0d9488;background:#ccfbf1}.dev-notif-icon-circle.file{color:#9333ea;background:#f3e8ff}.dev-notif-icon-circle.alert{color:#ea580c;background:#ffedd5}.dev-notif-content{flex:1;min-width:0}.dev-notif-item-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.dev-notif-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:600;overflow:hidden}.dev-notif-item-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.dev-notif-time{color:#94a3b8;white-space:nowrap;font-size:12px}.dev-notif-unread-dot{background:#0084ff;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 6px #0084ff66}.dev-notif-tag{white-space:nowrap;border-radius:12px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.dev-notif-tag.project{color:#059669;background:#dcfce7}.dev-notif-tag.billing{color:#7c3aed;background:#ede9fe}.dev-notif-tag.system{color:#2563eb;background:#dbeafe}.dev-notif-tag.system-warn{color:#ea580c;background:#ffedd5}.dev-notif-tag.support{color:#0d9488;background:#ccfbf1}.dev-notif-tag.docs{color:#9333ea;background:#f3e8ff}.dev-notif-tag.other{color:#0d9488;background:#ccfbf1}.dev-notif-item-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:1.5;overflow:hidden}.dev-notif-chevron{color:#94a3b8;flex-shrink:0;align-items:center;transition:transform .15s,color .15s;display:flex}.dev-notif-item:hover .dev-notif-chevron{color:#0084ff;transform:translate(2px)}.dev-notif-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;font-size:14px;display:flex}.dev-notif-pagination-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dev-notif-pagination-info{color:#64748b;font-size:13px;font-weight:500}.dev-notif-pagination-controls{align-items:center;gap:6px;display:flex}.dev-notif-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dev-notif-page-btn:hover:not(:disabled){color:#0084ff;background:#f8fafc;border-color:#0084ff}.dev-notif-page-btn:disabled{opacity:.4;cursor:not-allowed}.dev-notif-page-num{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.dev-notif-page-num:hover:not(.active){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dev-notif-page-num.active{color:#fff;background:#0084ff;border-color:#0084ff;font-weight:600;box-shadow:0 2px 6px #0084ff40}.dev-notif-sidebar-widgets{flex-direction:column;gap:20px;display:flex}.dev-notif-widget-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px #0f172a0a}.dev-notif-widget-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dev-notif-widget-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dev-notif-widget-icon{color:#64748b}.dev-notif-widget-list{flex-direction:column;gap:4px;display:flex}.dev-notif-filter-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:13.5px;transition:all .15s;display:flex}.dev-notif-filter-item:hover{color:#0f172a;background:#f1f5f9}.dev-notif-filter-item.active{color:#0084ff;background:#ebf5ff;font-weight:600}.dev-notif-filter-item-left{align-items:center;gap:10px;display:flex}.dev-notif-filter-badge{color:#64748b;font-size:12px;font-weight:600}.dev-notif-filter-item.active .dev-notif-filter-badge{color:#0084ff}.dev-notif-summary-list{flex-direction:column;gap:12px;display:flex}.dev-notif-summary-row{color:#334155;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:13.5px;transition:background .15s;display:flex}.dev-notif-summary-row.clickable{cursor:pointer}.dev-notif-summary-row.clickable:hover{background:#f8fafc}.dev-notif-summary-label{align-items:center;gap:10px;display:flex}.dev-notif-summary-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dev-notif-summary-dot.green{background:#10b981}.dev-notif-summary-dot.gray{background:#94a3b8}.dev-notif-summary-num{color:#0f172a;font-size:14.5px;font-weight:700}.dev-notif-summary-num.primary{color:#0084ff}.dev-notif-robot-card{text-align:center;background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex;box-shadow:0 2px 8px #0084ff0d}.dev-notif-robot-art{justify-content:center;align-items:center;width:128px;height:96px;margin-bottom:12px;display:flex}.dev-notif-robot-title{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700}.dev-notif-robot-desc{color:#64748b;max-width:250px;margin:0 0 16px;font-size:12.5px;line-height:1.5}.dev-notif-robot-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.dev-notif-robot-link:hover{color:#06c;text-decoration:underline;transform:translate(3px)}@media (width<=1024px){.dev-notif-main-grid{grid-template-columns:1fr}}@media (width<=640px){.dev-dash-content-container.dev-dash-notif-container{padding:16px 14px 40px}.dev-notif-header{flex-direction:column;align-items:flex-start}.dev-notif-item{gap:12px;padding:14px 16px}.dev-notif-item-top{flex-direction:column;align-items:flex-start;gap:4px}.dev-notif-item-title{white-space:normal;word-break:break-word;font-size:13.5px}.dev-notif-item-meta{gap:8px}.dev-notif-pagination-footer{flex-direction:column;align-items:center;gap:12px}}.dev-dash-subnav-group{border-left:2px solid #e2e8f0;flex-direction:column;gap:3px;margin-top:4px;margin-left:20px;padding-left:12px;display:flex}.dev-dash-subnav-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.dev-dash-subnav-item:hover{color:#0f172a;background:#f1f5f9}.dev-dash-subnav-item.active{color:#0084ff;background:#ebf5ff;font-weight:600}.dev-appearance-header-banner{background:linear-gradient(135deg,#f0f7ff 0%,#e6f2fe 100%);border:1px solid #d6e8fd;border-radius:16px;align-items:center;gap:20px;padding:14px 22px;display:flex;box-shadow:0 4px 16px #0084ff0d}.dev-appearance-banner-art{width:90px;height:64px;position:relative}.dev-appearance-art-browser{background:#fff;border:1px solid #bfdbfe;border-radius:8px;flex-direction:column;width:80px;height:56px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0084ff1a}.dev-appearance-art-browser-bar{background:#eff6ff;border-bottom:1px solid #dbeafe;align-items:center;gap:3px;height:14px;padding:0 5px;display:flex}.dev-appearance-art-browser-bar .dot{border-radius:50%;width:4.5px;height:4.5px}.dev-appearance-art-browser-bar .dot-red{background:#ef4444}.dev-appearance-art-browser-bar .dot-yellow{background:#f59e0b}.dev-appearance-art-browser-bar .dot-green{background:#10b981}.dev-appearance-art-address-pill{background:#dbeafe;border-radius:3px;width:32px;height:5px;margin-left:4px}.dev-appearance-art-browser-body{flex-direction:column;gap:3.5px;padding:5px 6px;display:flex}.dev-appearance-art-line{border-radius:2px;height:4px}.dev-appearance-art-line.bar-blue{background:#0084ff;width:70%}.dev-appearance-art-line.bar-gray{background:#e2e8f0;width:90%}.dev-appearance-art-line.bar-gray.short{width:50%}.dev-appearance-art-brush-wrap{filter:drop-shadow(0 2px 6px #0084ff40);position:absolute;bottom:-4px;right:-6px}.dev-appearance-art-brush-svg{width:38px;height:38px}.dev-appearance-banner-quote{border-left:2px solid #bfdbfe;padding-left:14px}.dev-appearance-quote-text{color:#0f172a;margin:0 0 4px;font-size:13.5px;font-weight:700;line-height:1.35}.dev-appearance-quote-text .quote-mark{color:#0084ff}.dev-appearance-quote-brand{letter-spacing:1px;color:#0084ff;font-size:11px;font-weight:800}.dev-integrations-header-banner{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:16px;align-items:center;gap:16px;padding:14px 22px;display:flex}.dev-puzzle-3d-box{background:#fff;border:1px solid #bbf7d0;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 12px #10b9811f}.dev-integrations-banner-text .banner-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.dev-integrations-banner-text .banner-desc{color:#475569;max-width:280px;margin:0;font-size:12.5px;line-height:1.4}.dev-language-header-banner{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:16px;padding:14px 22px;display:flex}.lang-globe-card{background:#fff;border:1px solid #bfdbfe;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:0 4px 12px #0084ff1a}.lang-badge{color:#fff;background:#0084ff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute}.lang-badge.lang-a{top:-4px;left:-4px}.lang-badge.lang-zh{background:#10b981;bottom:-4px;right:-4px}.dev-language-banner-text .banner-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.dev-language-banner-text .banner-desc{color:#475569;max-width:320px;margin:0;font-size:12.5px;line-height:1.4}.dev-appearance-container{align-items:flex-start;gap:28px;width:100%;display:flex}.dev-appearance-col-left{flex-direction:column;flex:65%;gap:32px;min-width:0;display:flex}.dev-appearance-col-right{flex-direction:column;flex:0 0 35%;gap:28px;min-width:340px;max-width:440px;display:flex}.dev-appearance-section{flex-direction:column;display:flex}.dev-appearance-section-title{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.dev-appearance-section-sub{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.45}.dev-appearance-mode-grid,.dev-appearance-layout-grid,.dev-appearance-density-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dev-appearance-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;padding:16px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dev-appearance-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.dev-appearance-card.active{border-color:#0084ff;box-shadow:0 0 0 1px #0084ff,0 4px 14px #0084ff1f}.dev-appearance-check-badge{color:#fff;background:#0084ff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0084ff59}.dev-appearance-card-icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.dev-appearance-card-icon-box.light-icon{background:#ebf5ff}.dev-appearance-card-icon-box.dark-icon{background:#f1f5f9}.dev-appearance-card-icon-box.system-icon{background:#f8fafc;border:1px solid #e2e8f0}.dev-appearance-card-title{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}.dev-appearance-card-desc{color:#64748b;margin:0;font-size:12px;line-height:1.4}.dev-appearance-wf-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:52px;margin-bottom:12px;display:flex;overflow:hidden}.dev-appearance-wf-sidebar.fixed{width:22px;height:100%}.dev-appearance-wf-sidebar.compact{background:#e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:14px;height:100%;display:flex}.dev-appearance-wf-sidebar.compact .wf-dot{background:#94a3b8;border-radius:50%;width:4px;height:4px}.dev-appearance-wf-main{flex-direction:column;flex:1;gap:5px;padding:6px 8px;display:flex}.dev-appearance-wf-main.full{padding:6px 10px}.dev-appearance-wf-header-line{background:#cbd5e1;border-radius:3px;width:40%;height:5px}.dev-appearance-wf-content-line{background:#e2e8f0;border-radius:2px;height:4px}.dev-appearance-wf-content-line.w-50{width:50%}.dev-appearance-wf-content-line.w-60{width:60%}.dev-appearance-wf-content-line.w-70{width:70%}.dev-appearance-wf-content-line.w-75{width:75%}.dev-appearance-wf-content-line.w-85{width:85%}.dev-appearance-wf-content-line.w-95{width:95%}.dev-appearance-density-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:space-around;height:52px;margin-bottom:12px;padding:8px 10px;display:flex}.dev-appearance-density-icon .density-bar{background:#94a3b8;border-radius:2px;width:100%;height:3.5px;display:block}.dev-appearance-density-icon.spacious{padding:10px}.dev-appearance-density-icon.compact{padding:5px 10px}.dev-appearance-toggles-row{flex-wrap:wrap;gap:28px;display:flex}.dev-appearance-toggle-item{align-items:center;gap:12px;display:flex}.dev-appearance-switch{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:2px;transition:background-color .2s;position:relative}.dev-appearance-switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 1px 3px #00000040}.dev-appearance-switch.on .dev-appearance-switch-thumb{transform:translate(20px)}.dev-appearance-toggle-text{flex-direction:column;gap:2px;display:flex}.dev-appearance-toggle-title{color:#0f172a;font-size:13.5px;font-weight:600}.dev-appearance-toggle-desc{color:#64748b;font-size:12px}.dev-appearance-preview-window{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 8px 24px #0000000f}.dev-appearance-preview-window.theme-dark{color:#f8fafc;background:#0f172a;border-color:#1e293b}.dev-appearance-preview-window.theme-dark .dev-appearance-preview-topbar{background:#1e293b;border-bottom-color:#334155}.dev-appearance-preview-window.theme-dark .preview-logo-text{color:#f8fafc}.dev-appearance-preview-window.theme-dark .dev-appearance-preview-sidebar{background:#0f172a;border-right-color:#1e293b}.dev-appearance-preview-window.theme-dark .preview-sidebar-item{color:#94a3b8}.dev-appearance-preview-window.theme-dark .preview-action-btn{color:#f8fafc;background:#1e293b;border-color:#334155}.dev-appearance-preview-window.sharp-corners{border-radius:4px!important}.dev-appearance-preview-window.sharp-corners .preview-action-btn,.dev-appearance-preview-window.sharp-corners .dev-appearance-preview-banner{border-radius:2px!important}.dev-appearance-preview-topbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.dev-appearance-preview-logo{align-items:center;gap:7px;display:flex}.preview-logo-icon{border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.preview-logo-inner{background:#fff;border-radius:2px;width:8px;height:8px}.preview-logo-text{letter-spacing:.5px;color:#0f172a;font-size:11px;font-weight:800}.dev-appearance-preview-dots{gap:4.5px;display:flex}.dev-appearance-preview-dots .p-dot{border-radius:50%;width:6.5px;height:6.5px}.dev-appearance-preview-dots .dot-red{background:#ef4444}.dev-appearance-preview-dots .dot-yellow{background:#f59e0b}.dev-appearance-preview-dots .dot-green{background:#10b981}.dev-appearance-preview-body{min-height:190px;display:flex}.dev-appearance-preview-sidebar{border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:4px;width:90px;padding:8px 6px;display:flex}.dev-appearance-preview-sidebar.compact{align-items:center;width:32px;padding:8px 4px}.preview-sidebar-item{color:#64748b;border-radius:6px;align-items:center;gap:6px;padding:4.5px 7px;font-size:10px;font-weight:500;display:flex}.dev-appearance-preview-sidebar.compact .preview-sidebar-item{justify-content:center;padding:5px}.preview-sidebar-spacer{flex:1}.preview-skeleton-pill{background:#e2e8f0;border-radius:3px;height:5px;margin:3px 6px}.preview-skeleton-pill.short{width:60%}.dev-appearance-preview-main{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.dev-appearance-preview-banner{border:1px dashed;border-radius:10px;padding:10px 12px}.preview-greeting-title{color:#0f172a;margin:0 0 2px;font-size:12px;font-weight:700}.dev-appearance-preview-window.theme-dark .preview-greeting-title{color:#f8fafc}.preview-greeting-sub{color:#64748b;margin:0;font-size:10px;line-height:1.35}.dev-appearance-preview-actions{gap:6px;display:flex}.preview-action-btn{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:4px;padding:6px;font-size:9.5px;font-weight:600;display:flex}.preview-btn-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.preview-btn-icon.bg-purple{background:#8b5cf6}.preview-btn-icon.bg-emerald{background:#10b981}.dev-appearance-colors-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-appearance-color-swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 0 1px #cbd5e1}.dev-appearance-color-swatch:hover{transform:scale(1.08)}.dev-appearance-color-swatch.active{transform:scale(1.1);box-shadow:0 0 0 2px #0084ff,0 4px 10px #00000026}.dev-appearance-icons-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.dev-appearance-card.icon-card{padding:14px 12px}.dev-appearance-tip-box{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;align-items:flex-start;gap:14px;padding:16px;display:flex}.dev-appearance-tip-icon{flex-shrink:0;margin-top:1px}.dev-appearance-tip-title{color:#b45309;margin:0 0 4px;font-size:14px;font-weight:700}.dev-appearance-tip-text{color:#78350f;margin:0;font-size:12.5px;line-height:1.5}.dev-integrations-quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:4px 0;display:grid}.dev-integ-app-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;transition:all .2s;display:flex}.dev-integ-app-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.dev-integ-app-icon-wrap{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.dev-integ-app-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.dev-integ-app-desc{color:#64748b;min-height:32px;margin:0 0 8px;font-size:11.5px;line-height:1.4}.dev-integ-connect-btn{cursor:pointer;border-radius:8px;width:100%;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.dev-integ-connect-btn.outline{color:#334155;background:#fff;border:1px solid #e2e8f0}.dev-integ-connect-btn.outline:hover{background:#f8fafc;border-color:#cbd5e1}.dev-integ-connect-btn.text-link{color:#0084ff;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;display:flex}.dev-integ-table-wrapper{overflow-x:auto}.dev-integ-table{border-collapse:collapse;width:100%}.dev-integ-table th{text-align:left;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:12px;font-weight:600}.dev-integ-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px;font-size:13.5px}.dev-integ-row-service{align-items:center;gap:10px;display:flex}.dev-integ-mini-icon{background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dev-integ-row-name{color:#0f172a;font-weight:600}.dev-integ-status{align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.dev-integ-status.connected{color:#059669}.dev-integ-status.disconnected{color:#94a3b8}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.green{background:#10b981}.status-dot.gray{background:#94a3b8}.dev-integ-date{color:#64748b;font-size:13px}.dev-integ-actions-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.dev-integ-btn-config{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.dev-integ-btn-connect-solid{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.dev-integ-dots-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dev-integ-custom-list{flex-direction:column;gap:10px;display:flex}.dev-integ-custom-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.dev-integ-custom-item:hover{background:#f8fafc;border-color:#cbd5e1}.custom-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.custom-item-icon.blue{color:#0084ff;background:#ebf5ff}.custom-item-icon.sky{color:#0284c7;background:#e0f2fe}.custom-item-icon.primary{color:#4f46e5;background:#eef2ff}.custom-item-text{flex:1}.custom-item-text h5{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.custom-item-text p{color:#64748b;margin:0;font-size:12px;line-height:1.35}.item-arrow{color:#94a3b8}.dev-support-contact-card{padding:18px}.dev-support-card-content{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dev-support-card-icon-box{background:#ebf5ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-support-card-title{color:#0f172a;margin:0 0 3px;font-size:14px;font-weight:700}.dev-support-card-desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.dev-support-outline-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dev-support-outline-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dev-integ-tip-link{color:#0084ff;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.dev-lang-list{flex-direction:column;gap:10px;display:flex}.dev-lang-row{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .15s;display:flex}.dev-lang-row:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1}.dev-lang-row.active{background:#f0f7ff;border-color:#0084ff}.dev-lang-row.disabled{opacity:.6;cursor:not-allowed}.dev-lang-left{align-items:center;gap:14px;display:flex}.dev-lang-flag{font-size:24px}.dev-lang-name-row{align-items:center;gap:8px;display:flex}.dev-lang-name{color:#0f172a;font-size:14.5px;font-weight:700}.dev-lang-current-badge{color:#0084ff;background:#ebf5ff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.dev-lang-sub{color:#64748b;font-size:12px}.dev-lang-radio{align-items:center;display:flex}.dev-radio-circle{border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.dev-radio-circle.checked{border-color:#0084ff}.dev-radio-dot{background:#0084ff;border-radius:50%;width:10px;height:10px}.dev-lang-info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.dev-lang-info-banner .info-icon-wrap{flex-shrink:0;margin-top:1px}.dev-lang-info-banner .info-text strong{color:#1e3a8a;margin-bottom:2px;font-size:13px;display:block}.dev-lang-info-banner .info-text p{color:#3b82f6;margin:0;font-size:12px;line-height:1.4}.dev-lang-select{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:500}.dev-lang-select:focus{border-color:#0084ff}@media (width<=1024px){.dev-appearance-container{flex-direction:column}.dev-appearance-col-right{min-width:100%;max-width:100%}.dev-integrations-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dev-appearance-mode-grid,.dev-appearance-layout-grid,.dev-appearance-density-grid,.dev-appearance-icons-grid{grid-template-columns:1fr}.dev-appearance-toggles-row{flex-direction:column;gap:16px}.dev-appearance-header-banner{text-align:center;flex-direction:column;gap:12px}.dev-appearance-banner-quote{border-top:2px solid #bfdbfe;border-left:none;padding-top:10px;padding-left:0}.dev-integrations-quick-grid{grid-template-columns:1fr}}.header-user-profile-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:8px;padding:3px 6px 3px 3px;transition:all .15s;display:flex}.header-user-profile-badge:hover{background:#f1f5f9}.user-badge-avatar{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:50%;width:34px;height:34px;display:block}.user-badge-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.user-badge-name{color:#0f172a;font-size:13px;font-weight:600}.user-badge-role{color:#64748b;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.bell-badge-count{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.topdoo-url-scanner-page{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.scanner-layout-body{flex:1;width:100%;min-height:calc(100vh - 68px);display:flex}.scanner-sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:220px;min-width:220px;max-width:220px;padding:16px 12px;display:flex}.scanner-sidebar-inner{flex-direction:column;height:100%;display:flex}.scanner-nav-menu{flex-direction:column;gap:3px;display:flex}.scanner-nav-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.scanner-nav-item:hover{color:#0f172a;background:#f1f5f9}.scanner-nav-item.active{color:#0084ff;background:#ebf5ff;font-weight:600}.scanner-nav-item.with-chevron{justify-content:flex-start}.scanner-nav-item.active-group{color:#0084ff;font-weight:600}.scanner-nav-icon{width:18px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scanner-nav-item .chevron{color:#64748b;margin-left:auto}.scanner-subnav-list{flex-direction:column;gap:2px;margin:2px 0 6px;padding-left:20px;display:flex}.scanner-subnav-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.scanner-subnav-item:hover{color:#0084ff;background:#f8fafc}.scanner-subnav-item.active{color:#0084ff;background:#ebf5ff;font-weight:600}.scanner-pro-card{text-align:left;background:linear-gradient(#f0f7ff 0%,#e0efff 100%);border:1px solid #c7dfff;border-radius:12px;flex-direction:column;gap:6px;margin-top:auto;margin-bottom:12px;padding:14px 12px;display:flex}.scanner-pro-crown-box{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.scanner-pro-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.scanner-pro-desc{color:#475569;margin:0;font-size:11px;line-height:1.4}.scanner-pro-btn{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.scanner-pro-btn:hover{background:#006ed6}.scanner-sidebar-bottom{border-top:1px solid #f1f5f9;flex-direction:column;gap:2px;padding-top:10px;display:flex}.scanner-main-content{background:#f8fafc;flex:1;min-width:0;padding:14px 20px 24px;overflow-y:auto}.scanner-content-inner{flex-direction:column;gap:12px;max-width:1140px;margin:0 auto;display:flex}.scanner-breadcrumbs-bar{color:#64748b;align-items:center;gap:6px;font-size:11.5px;display:flex}.scanner-breadcrumbs-bar .crumb-link{color:#0084ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11.5px;display:flex}.scanner-breadcrumbs-bar .crumb-link:hover{text-decoration:underline}.scanner-breadcrumbs-bar .crumb-sep{color:#94a3b8;font-size:11px}.scanner-breadcrumbs-bar .crumb-current{color:#475569;font-weight:500}.scanner-header-banner{background:linear-gradient(90deg,#f0fdf4 0%,#f5fbf7 45%,#eff6ff 100%);border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.banner-left{z-index:1;align-items:center;gap:14px;display:flex}.banner-shield-glow{background:#dcfce7;border:1px solid #86efac;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 8px #10b98133}.banner-title-wrap{text-align:left;flex-direction:column;gap:2px;display:flex}.banner-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:800}.banner-title .banner-highlight{color:#059669}.banner-subtitle{color:#64748b;margin:0;font-size:12px}.banner-right{text-align:right;z-index:1;padding-right:70px;position:relative}.banner-quote{color:#1e3a8a;margin:0;font-size:13px;font-style:italic;font-weight:600}.banner-subquote{color:#64748b;margin:2px 0 0;font-size:11.5px}.banner-watermark-shield{color:#38bdf8;opacity:.18;pointer-events:none;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.scanner-section-intro{text-align:left;margin-top:4px;margin-bottom:2px}.scanner-section-title{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.scanner-section-desc{color:#64748b;margin:2px 0 0;font-size:12px}.scanner-tabs-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;padding:4px 8px;display:flex;box-shadow:0 1px 2px #00000005}.scanner-tab-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;align-items:center;gap:10px;padding:6px 10px;transition:all .15s;display:flex}.scanner-tab-item:hover{background:#f8fafc}.scanner-tab-item.active{background:#ebf5ff;border-color:#bfdbfe}.scanner-tab-item.active .tab-title{color:#0084ff;font-weight:700}.tab-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tab-icon-box.blue{color:#0084ff;background:#dbeafe}.tab-icon-box.red{color:#fff;background:#ef4444}.tab-icon-box.purple{color:#fff;background:#8b5cf6}.tab-icon-box.amber{color:#fff;background:#f59e0b}.tab-icon-box.green{color:#fff;background:#10b981}.tab-text{flex-direction:column;gap:1px;display:flex}.tab-title{color:#0f172a;font-size:13px;font-weight:600;line-height:1.2}.tab-desc{color:#64748b;font-size:11px;line-height:1.2}.tab-arrow-divider{color:#cbd5e1;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:13px;font-weight:600}.scanner-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #00000008}.scanner-hero-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}.scanner-hero-left{text-align:left;flex-direction:column;gap:14px;display:flex}.scanner-header-row{align-items:flex-start;gap:12px;display:flex}.scanner-header-icon-box{background:#ebf5ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;display:flex}.scanner-header-titles{flex-direction:column;gap:2px;display:flex}.scanner-card-title{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.scanner-card-subtitle{color:#64748b;margin:0;font-size:12px;line-height:1.45}.scanner-subtabs-row{align-items:center;gap:8px;display:flex}.scanner-pill-tab{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.scanner-pill-tab:hover{color:#0f172a;background:#f1f5f9}.scanner-pill-tab.active{color:#0084ff;background:#ebf5ff;border-color:#bfdbfe;font-weight:600}.scanner-input-bar-wrap{align-items:center;gap:10px;width:100%;display:flex}.scanner-main-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;height:40px;padding:0 14px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.scanner-main-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1f}.btn-scanner-submit{color:#fff;cursor:pointer;white-space:nowrap;background:#0084ff;border:none;border-radius:6px;align-items:center;gap:6px;height:40px;padding:0 18px;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.btn-scanner-submit:hover{background:#006ed6}.btn-scanner-submit:disabled{opacity:.7;cursor:not-allowed}.btn-scanner-submit.batch{width:fit-content}.scanner-batch-wrap{flex-direction:column;gap:10px;width:100%;display:flex}.scanner-batch-input{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:12.5px}.scanner-batch-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px #0084ff1f}.scanner-input-footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.scanner-examples-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ex-label{color:#64748b}.ex-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;transition:color .15s}.ex-link:hover{color:#0084ff;text-decoration:underline}.ex-sep{color:#cbd5e1}.scanner-advanced-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11.5px;display:flex}.scanner-advanced-toggle:hover{color:#0f172a}.scanner-advanced-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.advanced-title{color:#334155;font-size:12px;font-weight:600}.advanced-grid{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.advanced-chk-item{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:11.5px;display:flex}.advanced-chk-item input{accent-color:#0084ff}.scan-result-card{border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.scan-result-card.safe{background:#f0fdf4;border:1px solid #bbf7d0}.scan-result-card.danger{background:#fef2f2;border:1px solid #fecaca}.result-header{justify-content:space-between;align-items:center;display:flex}.result-status-badge{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.scan-result-card.safe .result-status-badge{color:#15803d}.scan-result-card.danger .result-status-badge{color:#b91c1c}.result-time{color:#64748b;font-size:11px}.result-details-grid{grid-template-columns:1fr 1fr;gap:6px 16px;font-size:11.5px;display:grid}.detail-item .lbl{color:#64748b;margin-right:6px}.detail-item .val{color:#1e293b}.scanner-hero-right{flex-direction:column;display:flex}.scanner-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.scanner-graphic-mockup{align-items:center;height:80px;display:flex;position:relative}.mockup-url-bar{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;width:170px;padding:8px 12px;display:flex;position:relative;box-shadow:0 4px 12px #0000000a}.mockup-protocol{color:#64748b;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.mockup-scan-lens{z-index:2;background:#fff;border:2px solid #0084ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%);box-shadow:0 4px 14px #0084ff40}.mockup-shield-badge{z-index:1;background:#10b981;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:absolute;top:50%;right:-95px;transform:translateY(-50%);box-shadow:0 4px 16px #10b98159}.mockup-shield-badge svg{color:#fff!important;fill:#fff!important}.mockup-page-sheet{opacity:.6;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:6px;width:70px;height:55px;padding:8px;display:flex;position:absolute;top:10px;right:12px}.sheet-line{background:#e2e8f0;border-radius:2px;height:4px}.sheet-line.l1{width:80%}.sheet-line.l2{width:100%}.sheet-line.l3{width:60%}.scanner-benefits-list{text-align:left;flex-direction:column;gap:8px;display:flex}.benefit-item{color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.benefit-check-circle{background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.scanner-features-2x2-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.feature-grid-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000005}.card-header{align-items:flex-start;gap:10px;display:flex}.card-header-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.card-header-icon-box.red{background:#fee2e2}.card-header-icon-box.purple{background:#f3e8ff}.card-header-icon-box.amber{background:#fef3c7}.card-header-icon-box.green{background:#dcfce7}.card-header-titles{flex-direction:column;gap:2px;display:flex}.feature-card-title{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.feature-card-sub{color:#64748b;margin:0;font-size:11.5px;line-height:1.35}.card-body-content{grid-template-columns:1.15fr .85fr;align-items:center;gap:14px;display:grid}.card-body-left{flex-direction:column;gap:12px;display:flex}.feature-points-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.feature-points-list li{color:#475569;align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.4;display:flex}.feature-points-list .dot{flex-shrink:0;margin-top:3px;font-size:8px}.feature-points-list .dot.red{color:#ef4444}.feature-points-list .dot.purple{color:#8b5cf6}.feature-points-list .dot.amber{color:#f59e0b}.feature-points-list .dot.green{color:#10b981}.btn-card-action{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-action:hover{background:#f8fafc;border-color:#0084ff;transform:translateY(-1px)}.card-body-graphic{justify-content:center;align-items:center;display:flex;position:relative}.envelope-mockup{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;width:100px;height:75px;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.envelope-paper{background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-direction:column;gap:4px;width:70px;height:48px;padding:6px;display:flex;position:absolute;top:-12px;box-shadow:0 2px 6px #0000000a}.paper-line{background:#e2e8f0;border-radius:2px;height:3px}.paper-line.p1{width:80%}.paper-line.p2{width:50%}.envelope-warning-badge{z-index:3;background:#ef4444;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #ef444466}.mini-network-graph-container{width:130px;height:100px;position:relative}.net-node.center-scammer{z-index:2;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #ef444459}.net-node.pill{color:#dc2626;white-space:nowrap;z-index:2;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:2px 6px;font-size:8.5px;font-weight:600;position:absolute}.net-node.pill.p1{top:0;left:10px}.net-node.pill.p2{top:25px;right:-5px}.net-node.pill.p3{bottom:0;right:15px}.net-line{z-index:1;background:#fca5a5;height:1px;position:absolute}.net-line.l1{width:40px;top:25px;left:35px;transform:rotate(35deg)}.net-line.l2{width:45px;top:48px;right:25px;transform:rotate(-10deg)}.net-line.l3{width:42px;bottom:25px;right:35px;transform:rotate(40deg)}.clipboard-mockup{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:5px;width:105px;padding:10px 8px 8px;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.clip-handle{background:#0084ff;border-radius:3px;width:24px;height:8px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.clip-star-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-8px;right:-8px}.clip-item{color:#334155;align-items:center;gap:4px;font-size:8.5px;display:flex}.clip-dot.yellow{background:#f59e0b;border-radius:50%;flex-shrink:0;width:5px;height:5px}.clip-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip-bell-badge{background:#ebf5ff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-6px;right:-6px}.monitor-graphic{align-items:center;gap:12px;display:flex}.monitor-screen-wrap{flex-direction:column;align-items:center;display:flex}.monitor-frame{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:80px;height:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008}.monitor-live-badge{color:#fff;background:#10b981;border-radius:2px;padding:1px 3px;font-size:6.5px;font-weight:700;line-height:1;position:absolute;top:3px;right:4px}.monitor-ecg-svg{width:100%;height:100%}.monitor-stand{background:#cbd5e1;width:10px;height:7px}.monitor-base{background:#94a3b8;border-radius:2px;width:32px;height:3px}.monitor-tags-list{flex-direction:column;gap:3px;display:flex}.mon-tag{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:8px;display:flex}.mon-tag.green{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.mon-tag.teal{color:#115e59;background:#f0fdfa;border:1px solid #99f6e4}.mon-tag.blue{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.mon-tag.purple{color:#6b21a8;background:#faf5ff;border:1px solid #e9d5ff}.mon-icon{font-size:8px}.scanner-content-footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:14px;font-size:11.5px;display:flex}.footer-left{color:#64748b}.footer-center{align-items:center;gap:10px;display:flex}.footer-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px}.footer-link:hover{color:#0084ff}.footer-sep{color:#cbd5e1}.footer-right .lang-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:500;display:flex}@media (width<=1024px){.scanner-hero-grid,.scanner-features-2x2-grid{grid-template-columns:1fr}.scan-results-grid-3col{grid-template-columns:1fr!important}.scanner-tabs-bar{overflow-x:auto}.scanner-tab-item{min-width:140px}}@media (width<=768px){.scanner-sidebar{display:none}.scanner-header-banner{flex-direction:column;align-items:flex-start;gap:12px}.banner-right{text-align:left;padding-right:0}.card-body-content{grid-template-columns:1fr}}.scanner-input-relative{flex:1;align-items:center;display:flex;position:relative}.scanner-input-relative .scanner-main-input{width:100%;padding-right:36px}.btn-input-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px 4px;font-size:14px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-input-clear:hover{color:#0f172a}.header-search-pill-bar{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;width:250px;padding:6px 14px;transition:all .15s;display:flex}.header-search-pill-bar:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.search-pill-icon{color:#64748b;flex-shrink:0}.search-pill-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.search-pill-shortcut{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:500}.btn-header-launcher-grid{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.btn-header-launcher-grid:hover{color:#0f172a;background:#f1f5f9}.scan-results-dashboard{text-align:left;flex-direction:column;gap:16px;margin-top:4px;display:flex}.scan-results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.results-header-left{align-items:center;gap:10px;display:flex}.results-green-indicator{color:#10b981;font-size:13px;line-height:1}.results-heading-text{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.results-updated-pill{color:#065f46;background:#d1fae5;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.results-header-actions{align-items:center;gap:8px;display:flex}.btn-results-action{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-results-action:hover{color:#0084ff;background:#f8fafc;border-color:#94a3b8}.btn-results-action .spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scan-results-grid-3col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.result-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px 18px;display:flex;box-shadow:0 1px 3px #00000005}.result-card-title{color:#0f172a;margin:0 0 12px;font-size:14.5px;font-weight:700}.threat-alert-card{background:#fef2f2;border:1px solid #fecaca}.threat-top-row{align-items:flex-start;gap:12px;display:flex}.threat-circle-icon{color:#fff;background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex;box-shadow:0 2px 8px #ef444459}.threat-meta-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.threat-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.threat-level-title{color:#dc2626;font-size:15px;font-weight:700}.threat-score-badge{color:#fff;background:#dc2626;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700}.threat-target-text{color:#0f172a;word-break:break-all;margin:2px 0;font-size:13.5px;font-weight:700}.threat-tag-pill{color:#dc2626;background:#fee2e2;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.threat-tag-dot{color:#dc2626;font-size:7px}.threat-card-desc{color:#475569;margin:8px 0 12px;font-size:12px;line-height:1.45}.threat-card-buttons{align-items:center;gap:10px;margin-top:auto;display:flex}.btn-threat-warn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-threat-warn:hover{background:#fef2f2}.btn-threat-share{color:#0084ff;cursor:pointer;background:#fff;border:1px solid #0084ff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-threat-share:hover{background:#ebf5ff}.basic-info-rows-list{flex-direction:column;gap:6px;display:flex}.basic-row{justify-content:space-between;align-items:center;padding:1px 0;font-size:11.5px;display:flex}.basic-label{color:#475569;align-items:center;gap:7px;display:flex}.basic-icon{color:#64748b}.basic-icon-emoji{font-size:12px}.basic-value{color:#1e293b;text-align:right}.basic-value.bold{color:#0f172a;font-weight:700}.country-flag{margin-right:4px}.status-danger-text{color:#dc2626;align-items:center;gap:5px;font-weight:700;display:flex}.status-red-dot{color:#dc2626;font-size:8px}.metrics-eval-rows{flex-direction:column;gap:8px;display:flex}.metric-item-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-label-wrap{color:#334155;flex-shrink:0;align-items:center;gap:7px;font-size:11.5px;display:flex}.metric-row-icon{color:#64748b}.metric-score-wrap{align-items:center;gap:8px;display:flex}.metric-score-text{color:#334155;text-align:right;min-width:44px;font-size:11.5px;font-weight:600}.metric-bar-track{background:#fee2e2;border-radius:999px;width:90px;height:6.5px;overflow:hidden}.metric-bar-fill{border-radius:999px;height:100%;transition:width .4s}.signs-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.signs-item{color:#334155;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4;display:flex}.signs-bullet-dot{color:#ef4444;flex-shrink:0;margin-top:3px;font-size:7px}.recs-title-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}.recs-title-row .result-card-title{margin:0}.recs-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recs-item{color:#334155;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4;display:flex}.recs-check-icon{flex-shrink:0;margin-top:1px}.actions-button-row{align-items:center;gap:8px;display:flex}.btn-action-light{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-action-light:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-action-blue-full{color:#fff;cursor:pointer;background:#0084ff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.btn-action-blue-full:hover{background:#006ed6}.scanner-advanced-toggle,.btn-advanced-options{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:2px 4px;font-size:11.5px;transition:all .15s;display:inline-flex}.scanner-advanced-toggle:hover,.btn-advanced-options:hover{color:#0084ff;background:#f1f5f9}