.hero-animation-container{display:none;position:relative}@media (min-width:1024px){.hero-animation-container{display:block}}.hero-glow{filter:blur(50px);opacity:.2;background-color:#dbeafe;border-radius:50%;position:absolute;inset:0}.hero-content{position:relative}.hero-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid;position:relative}.card{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-editor{animation:3s ease-in-out infinite float}.card-sync{animation:3s ease-in-out 1s infinite float}.card-content{flex-direction:column;gap:12px;display:flex}.title-bar{background-color:#f3f4f6;border-radius:6px;width:100%;height:32px}.toolbar{gap:8px;display:flex}.tool-button{background-color:#f3f4f6;border-radius:4px;width:32px;height:32px}.editor-area{background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:6px;height:128px}.button-row{gap:8px;display:flex}.primary-button{background-color:var(--primary-color-light-4);border-radius:6px;width:96px;height:32px}.secondary-button{background-color:#f3f4f6;border-radius:6px;width:96px;height:32px}.url-bar{background-color:#f3f4f6;border-radius:6px;align-items:center;width:100%;height:32px;padding:0 12px;display:flex}.url-text{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px}.preview-box{background-color:#eff6ff;border-radius:6px;padding:12px}.preview-line{background-color:#bfdbfe;border-radius:4px;width:75%;height:8px;margin-bottom:8px}.preview-line.short{width:50%}.status-row{align-items:center;gap:8px;display:flex}.status-indicator{background-color:#22c55e;border-radius:50%;width:16px;height:16px}.status-text{background-color:#e5e7eb;border-radius:4px;width:128px;height:8px}.platform-icons{gap:16px;display:flex;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.platform-icon{border-radius:8px;width:40px;height:40px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.devto-icon{background-color:var(--primary-color-light-4);animation:3s ease-in-out infinite float}.medium-icon{background-color:#000;animation:3s ease-in-out 1s infinite float}.hashnode-icon{background-color:var(--primary-color-light-4);animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
/*# sourceMappingURL=3vt75bouy7h91.css.map*/