body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a}h1{text-align:center;color:#3b82f6;margin-bottom:10px;font-size:2.5em;font-weight:700}.subtitle{text-align:center;color:#6b7280;margin-bottom:40px;font-size:1.2em}.demo-section{margin-bottom:60px;padding:30px;background:#f9fafb;border-radius:16px;border:1px solid #E5E7EB}.demo-subsection{margin-bottom:15px;padding:15px;background:#eee;border-radius:8px;border:1px solid #E5E7EB;color:#6b7280}hr{border:none;border-top:1px solid #E5E7EB;margin:20px 0}.demo-title{font-size:1.5em;font-weight:600;margin-bottom:15px;color:#1f2937}.demo-description{color:#6b7280;margin-bottom:20px;line-height:1.6}.form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.row{display:flex;gap:4px}.w-full{width:100%}input{padding:10px;border:1px solid #D1D5DB;border-radius:8px;font-size:1em;outline:none;color:#6b7280}label{margin-bottom:8px;font-weight:500;color:#374151}.code-block{background:#1f2937;color:#f9fafb;padding:20px;border-radius:12px;overflow-x:auto;margin:20px 0;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.5}.code-block code{color:inherit}code.texto{border:solid 1px #E5E7EB;color:#111827;padding:4px 8px;border-radius:4px}.highlight{color:#60a5fa}.string{color:#34d399}.keyword{color:#c792ea;font-weight:700}.type{color:#82aaff}.function{color:#f78c6c}.param{color:#c3e88d;font-style:italic}.property{color:#ffcb6b}.comment{color:#6a9955;font-style:italic}.embedded-chat{height:500px;border:2px solid #E5E7EB;border-radius:12px;overflow:hidden;background:#fff}.floating-demo{background:linear-gradient(45deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1.1em;position:relative;margin-bottom:20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.feature-card{background:#fff;padding:25px;border-radius:12px;border:1px solid #E5E7EB;text-align:center}.feature-icon{font-size:2em;margin-bottom:15px}.feature-title{font-weight:600;margin-bottom:10px;color:#1f2937}.feature-desc{color:#6b7280;font-size:.9em;line-height:1.5}.installation{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:30px;border-radius:16px;margin-top:40px}.installation h3{margin-top:0;font-size:1.3em}.btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;min-width:125px}.btn:hover{background:#2563eb}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}table{width:100%;border-collapse:collapse;margin-top:20px;margin-bottom:20px}th,td{border:1px solid #E5E7EB;padding:12px;text-align:left}th{background:#f3f4f6;color:#374151}pre{margin-bottom:0}.alert{background-color:#fef3c7;color:#92400e;border:1px solid #F59E0B;padding:15px;border-radius:8px}@media (max-width: 768px){.container{margin:10px;padding:20px}h1{font-size:2em}}