@keyframes fadeSlideUp from opacity: 0; transform: translateY(20px); to opacity: 1; transform: translateY(0);
/* main card container */ .setup-container max-width: 1100px; width: 100%; background: #ffffff; border-radius: 44px; box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.02); overflow: hidden; transition: all 0.2s ease; dodocool.setup welcome.html
.close-modal:hover background: #1c4e63;
/* header with dodocool branding */ .brand-header background: #0b2b3b; padding: 24px 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; @keyframes fadeSlideUp from opacity: 0
.btn-start:active transform: scale(0.98); to opacity: 1
.info-card flex: 1; min-width: 230px; background: #f9fbfd; border-radius: 28px; padding: 24px 22px; transition: all 0.2s; border: 1px solid #e6edf4; box-shadow: 0 6px 12px -8px rgba(0, 0, 0, 0.05);
<div class="help-row"> <div class="help-item">📘 <a href="#" style="color:#2c7a6e; text-decoration:none;" id="helpGuideLink">Setup guide</a></div> <div class="help-item">💡 <a href="#" style="color:#2c7a6e; text-decoration:none;" id="faqLink">FAQs & troubleshooting</a></div> <div class="help-item">📞 Support: 1-888-DODOCOOL</div> <div class="help-item">🔧 <span id="resetHint">Factory reset: hold reset 10s</span></div> </div> </div> <div class="footer-note"> © dodocool · version 2.4.0 · This setup portal works best with Chrome, Safari, or Edge. Ensure your device is connected to dodocool Wi-Fi before proceeding. </div> </div>