Dodocool.setup Welcome.html May 2026

.subhead font-size: 1.1rem; color: #4a627a; border-left: 4px solid #2dd4bf; padding-left: 18px; margin-bottom: 36px; font-weight: 400;

<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>

/* 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

a, .help-item span, #resetHint transition: opacity 0.1s;

@media (max-width: 720px) .welcome-content padding: 28px 24px; .welcome-title font-size: 1.6rem; .action-area flex-direction: column; align-items: stretch; text-align: center; .network-hint justify-content: center; .btn-start justify-content: center; .brand-header flex-direction: column; align-items: flex-start; </style> </head> <body> .subhead font-size: 1.1rem

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>dodocool setup | Welcome to dodocool</title>  <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet"> <style> * margin: 0; padding: 0; box-sizing: border-box; body background: linear-gradient(145deg, #eef2f7 0%, #d9e0e8 100%); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, sans-serif; color: #1a2c3e; line-height: 1.4; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px;

<div class="welcome-content"> <div class="welcome-title"> Welcome to dodocool setup </div> <div class="subhead"> Get your dodocool Wi-Fi extender / router up and running in minutes. Follow the simple steps below to configure your network. </div> border-left: 4px solid #2dd4bf

@keyframes fadeSlideUp from opacity: 0; transform: translateY(20px); to opacity: 1; transform: translateY(0);