Welcome.html: Dodocool.setup

.btn-start:hover background: #1c4e63; transform: scale(1.02); box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.25);

/* additional help row */ .help-row margin-top: 30px; display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; font-size: 0.8rem; color: #4f6f8c; border-top: 1px solid #e2edf5; padding-top: 28px; dodocool.setup welcome.html

<!-- Modal dialog for setup simulation --> <div id="setupModal" class="modal"> <div class="modal-card"> <div class="modal-icon">⚙️✨</div> <h3>dodocool setup wizard</h3> <p>You are about to configure your dodocool device.<br><strong>Simulation mode:</strong> In a real scenario, you'd be redirected to the admin panel (192.168.10.1) to personalize your Wi-Fi and security settings.</p> <p style="background:#eef2fa; border-radius: 32px; padding: 12px; font-size:0.85rem;">🔧 Next: Choose your home network → Set extended SSID → Create password → Apply & reboot</p> <button class="close-modal" id="closeModalBtn">Got it, continue setup →</button> </div> </div> .btn-start:hover background: #1c4e63

.btn-start background: #0f2f3c; border: none; padding: 14px 38px; border-radius: 60px; font-size: 1rem; font-weight: 600; color: white; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.2s; box-shadow: 0 6px 12px -6px rgba(0,0,0,0.2); font-family: inherit; box-shadow: 0 12px 20px -10px rgba(0

.logo-text h1 font-size: 1.8rem; font-weight: 600; letter-spacing: -0.3px; color: white; line-height: 1.2;

.card-icon font-size: 2.2rem; margin-bottom: 16px;