.docs-translate-live-page{--dtl-primary:#0280ff;--dtl-primary-hsl:210 100% 50%;--dtl-accent-purple:#ca6cf4;--dtl-accent-blue:#67c2ea;--dtl-electric-blue:#06589b;--dtl-gradient:linear-gradient(135deg, #0280ff, #ca6cf4);--dtl-shadow-card:0px 8px 24px #00000012;--dtl-shadow-mockup:0px 4px 16px #0000000d;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}.docs-translate-live-page h1,.docs-translate-live-page h2,.docs-translate-live-page h3,.docs-translate-live-page h4,.docs-translate-live-page h5,.docs-translate-live-page h6{line-height:1.2}.docs-translate-live-page .dtl-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:70px;padding-right:70px}@media (max-width:768px){.docs-translate-live-page .dtl-container{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:480px){.docs-translate-live-page .dtl-container{padding-left:1rem;padding-right:1rem}}.docs-translate-live-page .dtl-card-modern{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.docs-translate-live-page .dtl-card-modern:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 8px 40px #0000001f}.docs-translate-live-page .dtl-card-feature{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.5rem;transition:all .3s;box-shadow:0 2px 16px #0000000f}.docs-translate-live-page .dtl-card-feature:hover{border-color:#0280ff33;transform:translateY(-4px);box-shadow:0 8px 32px #0280ff26}.docs-translate-live-page .dtl-hero-bg{background:linear-gradient(135deg,#f0f7ff 0%,#e6f2ff 25%,#e8f7fd 50%,#fcf1fe 75%,#f5faff 100%);position:relative}.docs-translate-live-page .dtl-hero-bg:before{content:"";z-index:1;background:radial-gradient(circle at 30% 20%,#0080ff14 0%,#0000 50%),radial-gradient(circle at 70% 80%,#dc6ef20f 0%,#0000 50%);position:absolute;inset:0}.docs-translate-live-page .dtl-text-gradient{background:linear-gradient(90deg,#0280ff,#3b82f6,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes dtl-float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(5px)rotate(-.5deg)}}@keyframes dtl-slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.docs-translate-live-page .dtl-animate-in{animation:.6s ease-out dtl-slideInUp}