body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}a{position:absolute;top:20px;left:20px;text-decoration:none;color:#fff;background:#fff3;padding:8px 14px;border-radius:8px;transition:.3s}a:hover{background:#fff6}#datetime-picker{padding:10px 14px;font-size:16px;border:none;border-radius:8px;outline:none;margin-right:10px;background:#fff;color:#333;transition:.3s}#datetime-picker:focus{box-shadow:0 0 10px #2980b9}button[data-start]{padding:10px 18px;font-size:16px;border:none;border-radius:8px;background:#27ae60;color:#fff;cursor:pointer;transition:.3s}button[data-start]:hover{background:#2ecc71}.timer{margin-top:40px;display:flex;gap:30px}.field{display:flex;flex-direction:column;align-items:center}.value{font-size:48px;font-weight:700;background:#ffffff26;padding:15px 25px;border-radius:12px;min-width:90px;text-align:center;transition:transform .3s}.value:hover{transform:scale(1.1)}.label{margin-top:8px;font-size:16px;text-transform:uppercase;letter-spacing:1px;opacity:.8}button[data-start]:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6;transform:none}button[data-start]:not(:disabled):hover{background:#2ecc71;transform:scale(1.05)}